Skip to content
Submitted almost 5 years ago

Huddle landing page with single introductory section (HTML, CSS)

rhosrc•40
@rhosrc
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

  1. I ended up using a position absolute for the bottom-right anchors. Is there another way to place it where the challenge requires?

  2. In your experience, what variables have helped you decide whether to use width percentages or pixels?

Community feedback

  • Matt Studdert•13,611
    @mattstuddertPosted almost 5 years ago

    Nice work on this challenge! To answer your questions:

    1. I would avoid position: absolute; in this situation. Instead, you could use Flexbox on the .social class by adding display: flex; justify-content: flex-end;. If you haven't learned Flexbox yet, here's a great Flexbox course.
    2. I would typically use percentages for larger, layout-related widths and rem units for smaller, more specific widths. I typically avoid using pixels these days, as rem units are more easily adaptive for responsive websites.

    I hope that helps. Let me know if you have any questions! 🙂

    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