Skip to content
Submitted over 1 year ago

Four_card_feature - responsive until 200px

bem, sass/scss, gulp
Mirjax2000•720
@Mirjax2000
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Oliver Villalobos•90
    @olivervillalobos

    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

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