Responsiivisuus

[TiiaSaastamoinen]

Sivusto mukautuu automaattisesti eri laitteille (mobiili, tabletti, desktop) ilman käytettävyysongelmia.

• Lisää HTML-päähän.
• Tee header ja navigaatio joustaviksi
• Aseta kuvat ja videot max-width: 100% ja height: auto.
• Määritä pääkontentille max-leveys (esim. max-width: 1200px; margin: auto).
• Testaa layout eri laiteleveydellä (320px–1440px).
• Media query. Luo breakpointeja.
• Testaa kaikki sivut jokaisessa breakpointrajassa.
• Varmista, että napit ja linkit ovat riittävän suuria kosketusnäytöille (min. 44x44px).