summary | time | deliverables |
---|---|---|
Use media queries and responsive design techniques to hide and show content on different screen sizes. |
1 hour |
1 HTML file, 1 CSS file, images |
- Fork this repository.
- Make the correct dinosaur images hide and show on each screen size.
- Concentrate on
display
andwidth
. You don’t need to change themargin
on anything. - DO NOT change the HTML.
- Run it through Markbot and make sure it passes all the checks.
- Standard media query widths:
25em
,38em
,60em
Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.
- Final screenshots in the “screenshots” folder.
- Watch this video to see how it interacts.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.