flex, justify-content, padding

What are you most proud of, and what would you do differently next time?

Even though the appearance closely resembles the design in Figma, I am not sure if the functionality is appropriate

What challenges did you encounter, and how did you overcome them?

To make the design responsive, I initially gave each div height and width values in percentages to get the appropriate dimensions. I think this was the wrong approach. I resolved this by giving the first div inside the main the width and height values in pixels as seen in the design. At least, I think this is a solution. I am curious about how to solve such situations without using pixel values.

What specific areas of your project would you like help with?

I know not everything in the project is suitable. Since I don't fully understand what's right and what's wrong, I struggle with asking questions. Therefore, I am open to learning anything you can suggest or see as missing. Do you have any tricks for creating a basic layout? For example, should the mobile design be done first, or should the common points between desktop and mobile designs be identified and built upon from the start? I would be happy if you could provide information!