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/