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

Response Landing Page using Flexbox and media query

wowza18 40

@elams18

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello, I did this quickly to test my knowledge with css. I got stuck with making the landing page responsive (aka media query). I felt like there were a lot of duplicate/unwanted code to make it to look as I want. Are there any methods to reduce the same?

Thank you!

Community feedback

seekinfox 560

@seekinfox

Posted

You're at the where you are ready to learn sass/scss. you should start using it, it will take you very less time to learn it.

With it you can use @mixins witch allows us to write a chunk of code and reuse it wherever we need when styling. it is only one of the advantages.

get on it !

Marked as helpful

1
seekinfox 560

@seekinfox

Posted

I think Tailwind CSS and Sass both are completely different.

Tailwind is a framework similar to the bootstrap. but it is much more easier to learn and once you start using prototype components you will fall in love with tailwind. if you know css you can go ahead.

sass is a extension of CSS and is more advance version. it is full of advance features. it will help you organize your style sheets and it will make a big difference if you are on some larger projects. I cannot imagine myself writing css for larger projects, its a nightmare. you can just go ahead learn it and it will only help you..

1

wowza18 40

@elams18

Posted

@seekinfox thank you for the information.

0
wowza18 40

@elams18

Posted

Hey, thank you for your input. I was wondering if I should use tailwind which seems to be the rage nowadays.

Which of those do you think I start to make the styling simpler?

Thank you.

0

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