Skip to content
Submitted over 2 years ago

Flexelements containing other flex.No need for responsiveness

Ariel Rubel•70
@pepepinguino69
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

whats the best way of organizinbg classes within the code to make it more readable...

Community feedback

  • Manuel Lucero•140
    @MalexLuceroPosted over 2 years ago

    I really like the BEM (block element modifier) and Atomic Design methodologies where you attempt to name classes after the component. For example, I choose card, card__title, card__ image, and card__content as my class names of the elements that form the card. Here's a great resource https://en.bem.info/methodology/quick-start/. There are also really good youtube videos on Atmoic Design. https://www.youtube.com/watch?v=W-h1FtNYim4

    Marked as helpful
    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