Use Mediaqueries to Add Breakpoints Always design for mobile first: Here we display the sections in the source order (from top to bottom) for screens less than 576 pixels wide. Then, we go to a two-column layout for screens between 576 and 767 pixels wide. Then, we go to a three-column layout for screens over 767 pixels wide.
Here we display the sections in source order for screens less than 576 pixels wide.
Then, we go to a two column layout for screens between 576 and 767 pixels wide.
Then, we go to a three column layout for screens over 767 pixels wide.
Resize the browser window to see the responsive effect.