Skip to content
Submitted about 4 years ago

Social Proof Section using HTML and CSS

Jesus David Villarroel•100
@jdvillarroel
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

The rating stars look a little off. In addition, I cound not figure out why the page has a vertical scroll. I am just starting with web development, so I am sure my code has a lot of issues. This is my first sito from scratch. Thank you.

Community feedback

  • Justin Punzalan•535
    @justAdevTVPosted about 4 years ago

    @jdvillarroel, this looks GREAT! I wouldn't have even known that it's your first site from scratch. Love that it's responsive too.

    Here are some suggestions for improvement:

    • For class .grid-container, if you add padding-bottom: 0; it should remove the scrolling issue you're experiencing.
    • Here's one way to get the stars vertically centered. Make all the <li> tags in .rates-list display:flex;. Then make .stars-container have a top and bottom margin of auto. From there it should work!

    Again, amazing work! Keep it up 🙏🏼 -Justin P

    1
    Jesus David Villarroel•100
    @jdvillarroelPosted about 4 years ago

    Thanks a lot! I am going to apply those changes in my code. I am already working in my second challenge here, and I feel a little more comfortable using CSS. The key is to practice, practice, and practice. Once again, thank you. Have a great day!

    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