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

@Omiced

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 was able to make better use of the figma design you provide to deliver a result that is closer to the design, I learned how to see some things in figma that I didn't know.

What challenges did you encounter, and how did you overcome them?

Use the media queries I haven't used them for a long time.

Community feedback

P

@ownedbyanonymous

Posted

Hey Josue 👋🏾, Nice work on the Blog preview card 🔥🔥. Your solution is excellent and top tier. I like the way you used the semantic tags and how responsive your designs are. Just a quick question, is there any particular reason you used media queries instead of using responsive units like em, rem, and % to make your webpage responsive on different devices.

0

@jamie-ji

Posted

Looks all good, but there are some aspects need further modification:

  1. When the "Html&CSS" is active, it should have "text-shadow" to project shadow like the Figma provided.
  2. The learning heading with the yellow background should also have box shadow.

Anyway it is a nice solution.

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