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

Blog Preview Card using HTML and SCSS.

osenprema 170

@osenprema

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I learned how to work with FIGMA files.

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

Any feedback welcome ;)

Community feedback

P-Mingi 150

@P-Mingi

Posted

The result is very good, it's exactly what it should look like. I find the structure of your HTML5 well constructed.

However, I'm having a little trouble with the organization of the css which doesn't seem well organized to me, it's hard to find my way. I also think that this project did not require as many lines of css, there were, I think, simpler ways of doing it. I don't think we need @media query either, the code is too bloated.

but you seem to use special tools (which I also don't have knowledge of) like "last-of-type" for example, I don't think this is useful. I think it's better to use many classes instead.

I'm a beginner so what I say may not be right, and I'm not writing with bad intentions :)

Marked as helpful

0

osenprema 170

@osenprema

Posted

@P-Mingi Hi. In this challenge, I used the SCSS pre-processor, and this is how it generates the final file. I also "shock" a little at first, but the idea is to save writing time so I take it as it is and nothing happens. In fact, the platform recommends that you learn how to use it, because most developers do it and you have to adapt. In the case of @media queries, everything is at your own discretion. I tend to be a bit obsessive and I like my developments to look good on most devices down to the smallest details. With practice, you learn and discover ways to optimize your codes in the fewest possible lines. I appreciate your comments and the time you took to do so. I hope to continue exchanging ideas and advice. Greetings!!!

0
Abdi 190

@abdizahir

Posted

ok

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