Skip to content
Submitted 14 days ago

Blog preview card using CSS

Ashraful Islam•70
@ashrafitachi
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 challenges did you encounter, and how did you overcome them?

I have suffered a lot in connecting local img and font files into GitHub deployment pages. But at the end, with the help of ChatGPT , I have managed to solve the problem.

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

Any feedback is appreciated.

Community feedback

  • Joan-Bell-Faye•80
    @Joan-Bell-FayePosted 14 days ago

    Your solution looks great and very close to the original design. Looking at your html I noticed your class names which work well for this small project although might become confusing later for you as you enter more headings and paragraph text on a large webpage or several pages. Typically I will use classes like 'card_text' or 'hero_subheader'. Sorry I hope this is making sense! Keep up the great work :)

    0
  • abstruse-scientia•30
    @abstruse-scientiaPosted 14 days ago

    There is an overflow issue with your frontend. You can fix it by inspecting your code using browser devtools. Additionally, check the design files apart from the readme files. Also, the hover feature mentioned as an additional requirement is missing from your solution.

    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