Skip to content
Submitted over 3 years ago

HTML, CSS, mobile first and grid for desktop

Studio Webpic•40
@StudioWebpic
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

Hi, this is my fourth challenge.

Difficult to place the image on the left correctly with a grid system.

Maybe there was an easier solution than mine? probably I think ...

Thank you for those who will take the time to reread the code.

Thx ;)

Community feedback

  • Agata Liberska•3,995
    @AgataLiberskaPosted over 3 years ago

    Hi @StudioWebpic, I think the image positioning looks good, so it was worth the effort :)

    I think it would be good to add a max-width to your main element, because on a slightly wider screen the distances from the elements to the edge of the screens are all slightly different, there's just a bit of symmetry missing.

    I was surprised to see the footer positioned at the top of the page but I googled it and didn't see anything explicitly against that :)

    But the link under your name on the page just goes to the page itself, you could link it to your github or linked in, or your frontend mentor profile.

    Overall though I think it looks good :) hope this helps

    0
    Studio Webpic•40
    @StudioWebpicPosted over 3 years ago

    @AgataLiberska Thx a lot for your feedback and good idea for the link to github ! :)

    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