Skip to main content

Command Palette

Search for a command to run...

Day 22/30 in my 30 days of tech dedicated learning process.

Published
1 min read
Day 22/30 in my 30 days of tech dedicated learning process.

Dear amigos , today I learnt about designs and how it helps us in grid to set our contents properly.

Layouts : Using multiple types of grids together can help balance and visually enhance your design, but once you get your grids on a page, there are still more choices to make. The responsive part of the grid comes with choosing between fixed, fluid, and adaptive grids. Fixed layouts will stay the same no matter what the screen size. Fluid layouts will stretch and shrink with your content. Adaptive layouts will change to use different grids depending on the screen size it is at. By using breakpoints, you are able to change the design of the page for different screen sizes. There are far too many screen sizes out there now to worry about specific breakpoint numbers. Using just small (600px), medium (768px), large (1024px), and extra-large (1280px) sizes will be a good starting off point to get an idea of what the layouts should be.