Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Challenge: Inspecting Adaptive Layout | Responsive Web Design in CSS
Advanced CSS Techniques

bookChallenge: 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.

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 6. Capitolo 5

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 2.04

bookChallenge: Inspecting Adaptive Layout

Scorri per mostrare il menu

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.

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 6. Capitolo 5
some-alt