
Submitted about 1 month ago
Blog preview card. Bootstrap , Flexbox , Mobile-first workflow
#bootstrap
@fadymas
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
N/A
What challenges did you encounter, and how did you overcome them?Change of Screen's width
- use Media queries to overcome this challenge
- How can I overcome changes in screen width without making too many changes in the code?
Community feedback
- P@KonradJamPosted about 1 month ago
Nice work, but there's a lot of unnecessary code, making it hard to read.
- Firstly, if you want to make changes for different screen sizes, you should modify only the relevant parameters instead of rewriting the entire code.
- To create scalable fonts, use the
clamp()
function in CSS. - Try using more descriptive CSS class names. This will make your code easier to read—not just for others, but also for yourself in the future. Check out my GitHub profile to see my solution.
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