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 landing page using Mediaquery breakpoints

@likhitha89

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


Hi... This is my first challenge after I learnt a little of HTML and CSS. I did make the page responsive. For me it looks like a very few lines of code using simple tags and styling. Do let me know if its wrong or right to write HTML and CSS like this.

the solution code i checked was almost double the code of mine and so many things which I was not aware of. So, let me know what is Right.

Community feedback

P

@12Kentos

Posted

Hey @likhitha89,

Congrats on completing your first challenge! I think you did a great job. :)

As for your questions, I think it's totally fine you have less code than some other people do, if it works, and is efficient that's the main thing that matters. There are a LOT of different ways to accomplish the same task when it comes to coding, as you continue you will learn best practices and what solutions work better. Overall great job and continue the great work!

One piece of advice I do have, is I noticed in your code you selected some elements directly like so.

h3 { margin :0 auto 10px auto; font-size: 20px; }

Personally I would advise against doing this. In a small project like this, it wouldn't really matter, but in a larger project you will very likely end up with multiple h3 elements across a sight, that need different styling. And this would universally affect all of them.

Keep up the great work!

Marked as helpful

0

@likhitha89

Posted

Hello@12Kentos

Thankyou. This keeps me encouraged to continue my learning.

And yes, I will try to use a class or id or combine selectors when necessary while styling insted of selecting them directly. Your advice is really helpful.

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