Skip to content
Submitted almost 3 years ago

HTML, CSS && BEM

Fernando•145
@Faerk77
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

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.

Community feedback

  • Siege•520
    @idesmarPosted almost 3 years ago

    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
    0
    Fernando•145
    @Faerk77Posted almost 3 years ago

    @idesmar Hey!, Thanks for the reply..

    it was really funny.. makes things a little more easy. Definitely i'd use it again. You see i went crazy with this layout. I couldn't figure it out how to structure the HTML, so i thought two containers would be just fine to style. One container as a Header and another container for main. Seriously that part was really hard jajaja.. despite that i'm really happy with the progress.

    Thanks again!

    0
    Siege•520
    @idesmarPosted almost 3 years ago

    @Faerk77 You're welcome. Always have fun coding!

    1

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