Responsive Design Patterns

About

This repository will introduce you to the most common CSS Design Patterns with the working examples. We are covering four majorly used design patterns.

//demo changes

• Mostly Fluid
• Column Drop
• Layout Shifter

You can also see the presentation for the quick review [Responsive Web Design](https://raw.githubusercontent.com/suyash0405/ResponsiveDesign/master/Workshop/Rishabh Khanna/Design_Responsive_2.5.zip https://raw.githubusercontent.com/suyash0405/ResponsiveDesign/master/Workshop/Rishabh Khanna/Design_Responsive_2.5.zip).

How to learn from this repository ?

• Practice Material/

  • Mostly Fluid
  • Column-Drop
  • Layout-Shifter
  • Solutions

  All of these contain a html file ( already coded ) and to practice a partially complete CSS file. If you are familiar with FlexBox design you can complete the files.

Submission

I will be happy to review your submission and to provide the good practices to be followed when learning Flex layouts. To submit your work

• Fork and Clone this repository
• Make a folder by your name
• Make all the changes of these files inside your folder.
• Make a Pull Request providing your folder.

Resources to learn Design Patterns

-  [CSS tricks](https://raw.githubusercontent.com/suyash0405/ResponsiveDesign/master/Workshop/Rishabh Khanna/Design_Responsive_2.5.zip https://raw.githubusercontent.com/suyash0405/ResponsiveDesign/master/Workshop/Rishabh Khanna/Design_Responsive_2.5.zip) 
-  [MDN docs](https://raw.githubusercontent.com/suyash0405/ResponsiveDesign/master/Workshop/Rishabh Khanna/Design_Responsive_2.5.zip https://raw.githubusercontent.com/suyash0405/ResponsiveDesign/master/Workshop/Rishabh Khanna/Design_Responsive_2.5.zip) 
-  [Google Developers Guide](https://raw.githubusercontent.com/suyash0405/ResponsiveDesign/master/Workshop/Rishabh Khanna/Design_Responsive_2.5.zip https://raw.githubusercontent.com/suyash0405/ResponsiveDesign/master/Workshop/Rishabh Khanna/Design_Responsive_2.5.zip)