Skip to content
Submitted about 2 years ago

Responsive Landing Page using CSS Grid and Flexbox layouts

Stefan Vulpe•80
@stefanvulpe-dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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.

Community feedback

  • Doston Nabotov•950
    @dostonnabotovPosted about 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
    0

Please log in to post a comment

Log in with GitHub

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