Skip to content
Submitted about 1 month ago

Responsive Recipe page using flexbox and BEM

SITRAKA Tsimisaraka Joliot•70
@Joliot-TSIMISARAKA
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Recipe page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud I've had the courage to try new things in this project, such as BEM naming convention, even though it's still not that refined. Next time I'll try to write more compact css code using BEM

What challenges did you encounter, and how did you overcome them?

BEM naming rules and how to efficiently select BEM classes

What specific areas of your project would you like help with?

BEM and compacting CSS rules, I feel that sometimes my css code can be a lot more shorther and cleaner

Community feedback

  • JuanBachurDEV•40
    @JuanBachurDEVPosted about 1 month ago

    I can't visit the url code! but, at a glance, the build code it's very good. In this challenge my code it's very similar. I would recommend you work with first mobile. If you don't know how, here you go a resource! https://www.youtube.com/watch?v=6UhuG5iVR90&list=PL4cUxeGkcC9hH1tAjyUPZPjbj-7s200a4&index=14

    0
    SITRAKA Tsimisaraka Joliot•70
    @Joliot-TSIMISARAKAPosted about 1 month ago

    @JuanBachurDEV Yeah, I've adopted a mobile first approach in this challenge You can check the last part of my code in the media queries

    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