Utmaning: Inspektera Adaptiv Layout
Uppgift
Utvärdera webbplatsens responsivitet och adaptivitet som presenterar information om olika livsmedel. Webbsidan är för närvarande utformad för att vara responsiv i den första delen och adaptiv i den andra delen. Det finns 4 brytpunkter att ta hänsyn till:
300px: Små smartphones.480px: Stora smartphones.720px: Surfplattor.1200px: Stationära datorer.
Öppna webbsidan i ett nytt fönster med knappen "Open preview in new window" längst ner till vänster i sandlådan. Ändra visningsfönstrets bredd och observera skillnader i layout och stilar vid varje brytpunkt.
Observera
Om du behöver hjälp med hur du ska gå vidare finns det instruktioner i en inspelning under sandlådan.
Tack för dina kommentarer!
Fråga AI
Fråga AI
Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal
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.04Utmaning: Inspektera Adaptiv Layout
Svep för att visa menyn
Uppgift
Utvärdera webbplatsens responsivitet och adaptivitet som presenterar information om olika livsmedel. Webbsidan är för närvarande utformad för att vara responsiv i den första delen och adaptiv i den andra delen. Det finns 4 brytpunkter att ta hänsyn till:
300px: Små smartphones.480px: Stora smartphones.720px: Surfplattor.1200px: Stationära datorer.
Öppna webbsidan i ett nytt fönster med knappen "Open preview in new window" längst ner till vänster i sandlådan. Ändra visningsfönstrets bredd och observera skillnader i layout och stilar vid varje brytpunkt.
Observera
Om du behöver hjälp med hur du ska gå vidare finns det instruktioner i en inspelning under sandlådan.
Tack för dina kommentarer!
