För att öva på media queries tänker jag göra om mina tre ”stora” sidor på min landing page. hem-sidan, moment-sidan och projekt-sidan

just nu ser de ut såhär på telefon (stående)

Som vi ser så är navbar väldigt liten, bakgrundsbilden är alldeles för stor och texten under är också ganska så liten. Alla de tre sidorna ser ungefär likadana ut och använder samma stylesheet.

Här är ungefär hur jag tänker att det ska se ut:

Efter att ha använt mig utav media queries ser hemsidan likadan nu som den gjorde innan på dator men på telefon så fungerar den mycket bättre nu än vad den gjorde innan. Såhär ser sidan ut nu:

Inte exakt likadan som min skiss, jag insåg att om bilden skulle ligga på vänster sida så skulle texten bli mycket svårare att läsa så jag la bilden ovanför. texten i både navbar och i <p> elementet.