Skip to content
Submitted over 3 years ago

First landing page using CSS Grid for layout

bounomad•25
@bounomad
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

Hello Guys It is my first time coding in HTML and CSS.

I used pure CSS, before using preprocessor like Sass, less, etc. I wanted to ensure to understand the basics and the structures.

Feel free to comment or give feedback, regarding any wrong doing regarding the structures, properties , elements used.

I am looking forward to hear from you to improve myself :)

Regards,

Sebastien

Community feedback

  • Abdulla•60
    @furhartPosted over 3 years ago

    Great work! The page looks nice on my desktop and phone (both orientations). Your HTML and CSS are concise and easy to read. This is seriously good work for your first time, you should be proud.

    I have a small suggestion, try align-items: center; on your grid, this should center all grid elements and gets you closer to the original design.

    Edit: the paragraph text in your aside would look nicer on a desktop if you set a max-width.

    Abdulla

    0
    bounomad•25
    @bounomadPosted over 3 years ago

    @furhart, thank you very much for your feedback I tried to apply the change that you proposed, and as you said everything is nicer now :)

    Thanks again for your feedback motivating.

    Sebastien

    1

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