Skip to content
Submitted 6 months ago

Blog Preview Card using HTML5 and CSS3

Shane Coco•20
@SSGBC
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

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

  • pablodev•430
    @PabloodevPosted 6 months ago

    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

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