Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive site using Sass and flex box

@CostiVoicu

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback is welcomed!

Community feedback

Hafizan Adli 1,190

@hafizanadli

Posted

You did great, almost similar to design, and responsive.

What I found in your code is sometimes you use too much specificity selector. You shouldn't over qualifying selectors. for example don't do this

.cards .column1 .card1 {
  your style
}

do this

.card1 {
  your style
}

Marked as helpful

2
Shahin NJ 1,190

@SJ-Nosrat

Posted

Hi Costi, Great looking solution!

I'd use a little bit of semantic HTML and make <div class="card1 card"> into an <article>; since each card is a unique stand-alone content.

Best of luck with your coding journey!

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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