Skip to content
Submitted over 3 years ago

HTML, CSS && BEM

Fernando•145
@Faerk77
A solution to the Social proof section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi!, I've just finished another challege. This one take a lot more time that the others, the elements were very hard to style but i think it's a great job.

I use BEM for the first time, so pls be nice haha...

I got some problems position backgrounds so if you got some advice about this let me know pls :c

like always, thanks for any feedback, and see you soon.

Grettings.

Code

Please log in to post a comment

Log in

Community feedback

  • Siege•520
    @idesmar

    Hi Faerk! How was your experience with BEM? I hope you had fun with this challenge.

    The approach that I've thought of in this project is to use 2 primary containers. 1 at the top which contains 2 inner-containers side by side (I believe you had that as .header and .rate). You can use display: flex; to control the position of those two inner-containers. Then the 2nd primary container would be .comment at the bottom. Oh! and you can use the <footer> as a 3rd primary container if you opt to include the .attribution.

    If ever you refactor your code and it works well for you, let me know. Cheers!

    Marked as helpful

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