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 - Solution

@cas1092

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'm proud to have a better grasp of classes and their functionality. I would avoid overcomplicating things by including unnecessary attributes

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

the principal challenge was the height of the 'learning' item and the gap between the other ones, i look up to diferent tutorials and videos, eventually i end up on the discord server where i could find more simple solutions. i also had some trouble adding the images to the html, the .webp file was broken... i end up changing the extension to .png on paint and made it work

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

the images manipulation made me waste some time

Community feedback

@Kharmannn

Posted

  • Hi caz! overall design is on point, but it seems that you are missing on the border width, the radius of the image, also dont forget to put the hover css styling on the title inside the card. Cheers!
0

@cas1092

Posted

@Kharmannn yeah, as soon as i upload the solution i remember the border.

about the hover, isn't working?

0

@Kharmannn

Posted

its working apparently, my bad :( @cas1092

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