Skip to content
Submitted over 4 years ago

sass-social-proof-section

Lia•75
@liampc
A solution to the Social proof section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello! I'm practicing CSS, SASS and responsive design. I really appreciate it if anyone could leave feedback. Thanks in advance :)

Some of my issues:

  • how to match the number of words per line in the header paragraph
  • I'm not sure if I applied the margin-bottom efficiently throughout the page
Code

Please log in to post a comment

Log in

Community feedback

  • Horshaw•85
    @Horshaw

    Hi ! To respect the number of words per line, I put <br> in the <h1> of the header. Because the line was the same in the 1440px and 375px design. However, for the <p> of the header, the line feed varies between the two designs. So I fixed a width for mobile and desktop to respect the line width of both designs. I don't know if this is the best way to do it, but it works. I hope this answers your question.

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