Uitdaging: Inspecteer Adaptieve Lay-out
Taak
Evalueer de responsiviteit en adaptiviteit van de website die informatie over verschillende voedingsmiddelen presenteert. De webpagina is momenteel ontworpen om responsief te zijn in het eerste gedeelte en adaptief in het tweede gedeelte. Er zijn 4 breakpoint-posities om rekening mee te houden:
300px: Kleine smartphones.480px: Grote smartphones.720px: Tablets.1200px: Desktops.
Open de webpagina in een nieuw venster via de knop "Open preview in new window" linksonder in de sandbox. Verander de breedte van het viewport en observeer de verschillen in lay-out en stijlen bij elk breakpoint.
Opmerking
Als je hulp nodig hebt bij hoe je verder moet gaan, zijn er instructies in een opname onder de sandbox.
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
What are the main differences between responsive and adaptive design on this website?
Can you explain how the layout changes at each breakpoint?
Which part of the website uses responsive design and which part uses adaptive design?
Awesome!
Completion rate improved to 2.04Uitdaging: Inspecteer Adaptieve Lay-out
Veeg om het menu te tonen
Taak
Evalueer de responsiviteit en adaptiviteit van de website die informatie over verschillende voedingsmiddelen presenteert. De webpagina is momenteel ontworpen om responsief te zijn in het eerste gedeelte en adaptief in het tweede gedeelte. Er zijn 4 breakpoint-posities om rekening mee te houden:
300px: Kleine smartphones.480px: Grote smartphones.720px: Tablets.1200px: Desktops.
Open de webpagina in een nieuw venster via de knop "Open preview in new window" linksonder in de sandbox. Verander de breedte van het viewport en observeer de verschillen in lay-out en stijlen bij elk breakpoint.
Opmerking
Als je hulp nodig hebt bij hoe je verder moet gaan, zijn er instructies in een opname onder de sandbox.
Bedankt voor je feedback!
