Skip to content
OverviewSolutions
4
Comments
2

LorenaFrias

@LorenaFrias80 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • LorenaFrias•80
    @LorenaFrias

    Hey Daniel!

    I'm still working on this challenge but I'd like to help anyway.

    • You could begin mobile-first design: title section then ratings and finally testimonials. That way you've got the right order for mobile devices.

    • About your second question: in your media query .rate# { display: flex; flex-direction: column; } This should place the stars above the text.

    Hope this helps! 😊

    Marked as helpful
  • LorenaFrias•80
    @LorenaFrias

    Hi @mbedon! Your solution looks great! Your approach was quite accurate to me. Mind you, I'm still learning, but you could try using a css reset: img { display: block; max-width: 100% } Since images are inline elements display: block should get rid of that unexpected gap and max-width:100% prevents large images from overflowing their container. Hope that was helpful!

    Marked as helpful