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 HTML5 and CSS3

Shane Coco• 20

@SSGBC

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 am most proud that I was able to use GitHub pages to create a live site URL for my project. What I would do differently next time is spend more time adding comments to my code to better document what the code is being used for.

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

The challenge I ran into with this project is figuring out to how create the box-shadow effect. In order to overcome that challenge I used W3 schools website to familiarize myself with how to incorporate that effect using CSS.

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

The specific area I would seek help with is better understanding the CSS cascade rules and why some properties override others.

Community feedback

P
pablodev• 430

@Pabloodev

Posted

Your solution is very good,

I recommend that you learn how to use Figma, which was released for this challenge, it gives you the exact proportions, and it is easier to keep the content coded the same, you are on the right track, continue with the challenges on the platform and each time they arise challenges, research and learn new things

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