Design comparison
Solution retrospective
I learnt about box-sizing: border-box;
which was life saver when it comes to defining size and padding
I needed some help to center the card to the middle of the page. Then took some help from claude.
Community feedback
- @dbmouritsPosted 8 months ago
good job, it looks pretty similar to the example picture. only your pictures seem broken.
you were a little too eager with your src referral. its enough to start with /assets/images, there is no need to start with /blog-preview-card-main. your index.html is on the same level as our assets/images folder.
be careful using "/" in folder/directory names, it is better to create a folder "assets" and in the "assets" folder a new folder named "images".
See the "reserved characters" in the link below for the characters which should not be used naming files and directories: https://learn.microsoft.com/en-us/windows/win32/fileio/naming-a-file
For the rest you are on the right track, well done.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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