Solution to the Blog preview card challenge on Frontend Mentor
Design comparison
Solution retrospective
I am most proud of starting and finishing this project, i did not allow procrastination make me leave the project halfway. Next time i will try to finish the project much faster.
What challenges did you encounter, and how did you overcome them?At first, it was difficult to center the div, a popular challenge most frontend developers face which has various solutions already. Finally, after going through some of my older projects as a learning reference, i found a solution that fits this project.
What specific areas of your project would you like help with?I will like help with the accessibility features as usual and probably with the responsiveness to fit literally all devices.
Community feedback
- @TheWraithDevPosted 29 days ago
Styling
-
I think you can match the box-shadow, the width of the card, the font-weight and font-size closer to the design -On the live website - you didn't apply the yellow background to the full background, only half of it appears, I think it may to do with your CSS, as you set it for max-width for 1440px - this means for viewports wider than this, it breaks the background
-
I think your html is fine but it can be structured and put out more to be clearer - making use of white space
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