Skip to content
Submitted over 2 years ago

social-proof-section

Arjun J V•80
@Arjunjv
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

Challenges: *cant size the elements accurately *positioning of reviews and ratings *included IMG tag 5 times for ratings. If any other alternative way to include same image 5 times pls explain. *hard-coded most of the sizes. if there are any resources to understand em and rem sizing clearly pls provide.

Community feedback

  • akhademik•420
    @akhademikPosted over 2 years ago

    -for 5 stars. Can use background-img and set a fixed height of div same as the star and width equal to total width of 5 start make it repeat to the x.

    -positioning of element i set to max-width

    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