If you want to learn how to create modern, beautiful and real-world websites using just pure CSS, then this is the right course for you.
This is the most up to date and extensive course regarding CSS Flexbox and CSS Grid,
In this course you will learn all about CSS Flexbox and how it incorporates into real-world websites. You will learn the fundamentals of UI web design and responsive web design along with best practices. We will take a deep dive into the topic of CSS Grid and all the nuts and bolts of it.
In this course we will teach all the topics in CSS grid and flexbox from the beginning.
So, after finishing this course, you will know exactly how to build a beautiful, professional, and ready-to-launch website . And it will even look great on any computer, tablet, and smartphone.
What you’ll learn:
CSS Grid layouts: build a huge real-world project with CSS Grid
Flexbox layouts: build a huge real-world project with flexbox
Who this course is for:
CSS developers who want to update their CSS skills to the most modern level
CSS developers who want to expand their toolset to flexbox, Grids
Front-end developers who want to finally understand how CSS works behind the scenes
Requirements:
Beginner level knowledge of HTML5 and CSS3 is required
Have a computer + internet connection
CSS Grid Layout Introduction
CSS Grid Building with Rows & Columns Tutorial
CSS Grid-Gap Tutorial
-
3CSS Grid Building with Rows & Columns Tutorial
In this tutorial you will learn how to make a layout with CSS grid .You can learn about two new css properties grid-template-columns and css grid-template-rows to make two dimension layout.
-
4What type of grid does the code above create?
display: grid;grid-template-columns: 200px 120px 250px;grid-template-rows: 400px 300px;
What type of grid does the code above create?