Vi gick igenom advancerad positionering med hjälp av CSS.
För en sammanfattning, läs https://internetingishard.com/html-and-css/advanced-positioning/ till och med ”Fixed positioning”, samt avsnittet ”Z-index”.
Filer
01-advanced-positioning
HTML och CSS för det vi gjorde i förmiddags (baserat på exempelkod från Interneting is Hard-länken ovan).
02-advanced-positioning-in-real-life
HTML och CSS för exempel-sajten vi byggde där vi gjorde en fixed positioned navbar och relatively absolutely positioned doges.
Font Awesome
Galleri över fria ikoner som HTML-snutten nedan ger er tillgång till: https://fontawesome.com/icons?d=gallery&m=free
HTML-snutt för att länka in Font Awesome i <head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css" integrity="sha256-+N4/V/SbAFiW1MPBCXnfnP9QSN3+Keu+NlB+0ev/YKQ=" crossorigin="anonymous" />Workshop
Till på fredag – med hjälp av Bootstrap och allt ni lärt er nu om positioning, responsitivity och grids (rows/columns) så vill jag att ni gör om http://medieinstitutet.se/front-end-developer/!
Självklart har ni kreativ frihet att göra sidan snyggare om ni vill 😀.