Responsive Blog Preview CSS card component with simple effects
Solution retrospective
Most proud am I that I completed this challenge 100 percent by myself. For the next time I'd like to include Block Element Modifier (naming convention for css classes).
What challenges did you encounter, and how did you overcome them?Challenge was the same as always when dealing with css, the good old layout and positioning.
It went better than in the first challenge but it stays a struggle for me.
What specific areas of your project would you like help with?It would be nice if someone who reads my code could judge my code in terms of
- semantic html
- readability
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@drewlee
Visually, the site looks great. The associated HTML and CSS code is clean and legible. One minor suggestion would be to look into using
clamp()to adjust font sizes in relation to the viewport size. One of the challenges of the project was to make the type size and card width responsive without using media queries. Otherwise, love the transition of the hover effect. Good work!Marked as helpful - @Lysak-Maxim
Bro, the hover effect should only affect the h1 element, not the whole card:)
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