Submitted 3 months ago
Responsive Blog Preview using CSS transitions and custom fonts
@GeylanKalafMohe
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I learned how to add custom fonts in CSS which are defined in my project folder using the @font-face
rule.
Using the same sizing which was in the Figma design did not make the article summary to be in 3 lines thus I had to shrink down the card's width in order to make everything pixel perfect
What specific areas of your project would you like help with?How can I organize my code even more? Is it enough how I outsourced the font sizes and colors globally in the base.css?
Community feedback
- @Exterminator737Posted 3 months ago
GeylanKalafMohe's design is as close as one could get to the actual file. The level of precision showcased in his styling is quite remarkable. The layout is, in short, perfect.
Marked as helpful1
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