Grid Layout

The display grid is one of the most powerful CSS tools. It allows you to create complex layouts that were previously impossible with CSS. In this project, I used grid layout to show how simple is to do some layouts using this property.

🔗 Access the project:

Click here to access.

🧲 Clone this repository:

git clone https://github.com/evelynlacerda/gridlayout.git

📚 What did I learn from this project:

With this project, I learned how to use the grid layout to create complex layouts. I also learned how to use the grid-template-areas property to create a layout using a grid area template.

💻 What are the project's features:

• Display flex and grid
• Grid layout
• Grid template areas
• [?] Responsive layout (comming soon)

🚀 Technologies used in this project:

📑 How to use:

• Click on Start button to go to the docs pages;
• Navegate at menu on top to see all the grid layouts;
• Click on home link to go back to the start page.

🧱 Improve my code:

If you have any suggestion, tip or advice, please feel free to send a pull request. I'm always open to learn and improve my skills!