Skip to content
Submitted over 3 years ago

Huddle landing page - Responsive site using CSS Flexbox

Anna•545
@NitaLewska
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

Please, if someone experiences troubles with this solution, don't hesitate to text me) I've tried to make it as resposible as possible, even considering it wasn't asked for in the task

Community feedback

  • John Rey Faciolan•220
    @juani2Posted over 3 years ago

    Hello @NitaLewska,

    Wow, great work! Almost the same as the design specs.

    A very subtle UX improvement I can suggest is that you place a max-width on your <p> tag after your <h1> so that it will not extend all over the available space of your viewport width.

    This typography guideline from Google's material design suggests 40 to 60 characters per line.

    It's a very subtle adjustment but can improve your site's reading experience.

    0
    Anna•545
    @NitaLewskaPosted over 3 years ago

    Thank you for your comment, I'll definitely read that guideline, but the funny thing is, that that suggestion (in typography guideline) is written in the >100 characters line=)

    In this challenge there wasn't any design prototypes for tablets, so it's just how I see it =)

    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