Skip to content

ThePixel8or/mobile-first-responsive-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 

Repository files navigation

Mobile First Responsive Challenge

This is a simple test using the mobile first approach to make a webpage reponsive in line with the following guidelines.

  1. Make the div elements 30% of the window size. Now make this change only for the devices that are wider than or equal to 992px
  2. Set the margin to 10px on all sides for each column for the devices that are wider than or equal to 992px Keep the full-size width for the devices below the 992px
  3. Keep the full-size width for the devices below the 992px
  4. Remove the left and right margin for the devices below the 992px

Live Preview

https://thepixel8or.github.io/mobile-first-responsive-challenge/

About

This is a challenge using the mobile first approach.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors