/alura_store

A project developed to learn and practice concepts of CSS Grid Layout.

Primary LanguageHTMLMIT LicenseMIT

🔃 (go-to 🇧🇷) Versão em Português-BR

Alura Store

A website where you can download apps and games.

Focus: understand CSS Grid Layout

This project was developed to practice and learn more about the concepts of CSS Grid Layout. It is available at Alura´s Platform. During the whole proccess I was guided by Matheus Castiglioni.



Alt Text



Main Take Aways


CSS Grid´s Layout

  • Bidimensional.
  • Divide the whole page in lines and columns.
  • Free to position elements whithin grid´s line.

Grid or Flexbox

  • Grid: bidimensional (columns and lines).
  • Flexbox: One dimension (or column or lines)
  • Both can be used together (one complements the other).
  • Grid delimits the boundaries (header, footer, sidebars, etc) and flexbox aligns the elements.

In conclusion: there is no use this or use that thing when it comes to CSS Gird and Flexbox. It may not be a thing for you but, for quite a long time, I had these truth embedded in my head. So, as long as you know what you are doing and what you to achieve, it´s fine to mix up those two tools in you CSS.





Cami Queiroz

Made with ❤️ by Cami Queiroz 👋🏽 Get in touch!

Twitter Badge Linkedin Badge Gmail Badge