Skip to content
Submitted 8 months ago

Four_card_feature - responsive until 200px

Mirjax2000•680
@Mirjax2000
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?
  1. Here i have to think how to prepare HTML for breakpoint switching.
  2. Playing with flexbox. That was fun. I tryed some things to do without flex box and i made tons of code and the just one parrametr in flex box and it works as well. One line of code. Nice.
What challenges did you encounter, and how did you overcome them?

Thinking ahead. Write some notes before started.It takes time but in the end it is shorter if you stick with the plan.

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

Still BEM naming. Id like to usem better in the SASS with & parrent selector. Still strugelling with naming classes in HTML. Parrent of parrent makes me trouble.

Community feedback

  • Oliver Villalobos•90
    @olivervillalobosPosted 6 months ago

    I would suggest to read an article about when to use sections and articles, the cards are components that you could place anywhere on a given website, so using articles is not the best choice (This is my opinion), I liked the approach you used of dividing it in three sections (left,center,right).

    Great Job!

    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