Challenge: Inspecting Adaptive Layout
Task
Evaluate the responsiveness and adaptiveness of the website presenting information about different food. The webpage is currently designed to be responsive in the first part and adaptive in the second part. There are 4 breakpoint spots to consider:
300px
: Small smartphones.480px
: Large smartphones.720px
: Tablets.1200px
: Desktops.
Open the webpage in a new window using the "Open preview in new window" button in the bottom left corner of the sandbox. Change the viewport width and observe the differences in layout and styles at each breakpoint.
Note
If you need help with how to proceed, there are instructions in a recording below the sandbox.
Ved at fortsætte accepterer jeg Vilkår og betingelser,
Fortrolighedspolitik, Politik for cookies
- , opens subtitles settings dialogsubtitles settings
- subtitles off
- , selectedEnglish Captions
- 2x
- 1.5x
- , selected1x
- 0.5x
This is a modal window.
Beginning of dialog window. Escape will cancel and close the window.
End of dialog window.
Tak for dine kommentarer!
Spørg AI
Spørg AI
Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat