Grids & Responsive Design. Ultimate Guide for UX/UI Designer (Figma Files + Basic HTML & CSS)
Duration: 1h 37m | 31 Lessons | Video: 1280x720, 44kHz | 686 MB
Genre: eLearning | Language: English | Level: Beginner
In this class, you'll learn everything about using grids for your UI Design.
Grids are not only your best friend when it comes to creating a consistent layout. They are also the backbone when it comes to responsive design and making your product shine across all screen sizes.
We will start from zero and make sure you will be a pro by covering the following subjects:
We will learn about the basic setup like Columns, Grutter, Margin, and Rows
We will learn how to add content to the grid
We will make sure to avoid common positioning mistakes
Then we will have an intensive look at how Grids make your design responsive
And how you, as a UX/UI Designer set up your designs in Figma accordingly
We will get into the details of how breakpoints work, where we can find them, and why they are such strange numbers
We will learn about the difference between responsive and adaptive behavior
As a final project, we will be building our own responsive portfolio in Figma
Besides the classic Grids like Bootstrap and co, I will tell you a bit about my favorite grid, the CSS Grid, full of possibilities.
