Skip to content

Use media queries and responsive design techniques to hide and show content on different screen sizes.

Notifications You must be signed in to change notification settings

ltw-webdev-1/hide-show-responsively

Repository files navigation

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

Hide & show responsively

Overview

  • Fork this repository.
  • Make the correct dinosaur images hide and show on each screen size.
  • Concentrate on display and width. You don’t need to change the margin on anything.
  • DO NOT change the HTML.
  • Run it through Markbot and make sure it passes all the checks.

Details

  • Standard media query widths: 25em, 38em, 60em

Goal

Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.


Hand in

Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.

About

Use media queries and responsive design techniques to hide and show content on different screen sizes.

Resources

Stars

Watchers

Forks

Releases

No releases published

Sponsor this project

 

Packages

No packages published

Languages