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.

And yes, we will go the extra mile and look at some basic code, all set up for UX/UI Designers to really understand the technicality behind the product you are building.

The Figma and code template that I will show you are part of the course material to make sure you can dive right into the making.