Submitted over 2 years ago

Responsive Landing Page using CSS Grid and Flexbox layouts

@stefanvulpe-dev

A solution to the Huddle landing page with a single introductory section challenge

Solution retrospective

This is one of my first solo projects. I did it without any tutorials or articles online. If you want to take a look at my page and provide some feedback on how I've organised the layout or other things you may find interesting I will be very grateful.

Code

Please log in to post a comment

Community feedback

Doston Nabotov•950
@dostonnabotov
Posted over 2 years ago
Hi, there! That looks great!

I liked your approach to both HTML and CSS. I think, you also like watching Kevin Powell's videos. Me, too. Also, I saw you've used CUBE CSS and Utility classes. Little advice, if you like working with utility classes, I recommend switching to Sass, which you can generate automatically with the help of @each and maps.

However, I don't understand why you've set weird naming:
```
:root {
    --fs-headings: 2rem;
    --fs-para: 1.15rem;
    --fs-button: var(--fs-para);
}
```
You need to set either the --fs-heading or --fs-buttons. Try writing the name of variables fully. --fs-para might confuse other developers.

Great job! Good luck!
Marked as helpful

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord