Design comparison
Solution retrospective
From viewport width 700px to 800px, the .articles (the bottom section) content is overflowing on the right side. I tried reasigning the right-margin to 1 rem, but it didn't fix. Any idea how to fix it?
Community feedback
- @catherineisonlinePosted almost 2 years ago
Nice! 🙌🏻
I would also add some transitions for active states (when colors change on hover). It creates more interactivity and makes the project looks cooler. Active states can be done on buttons, links, titles which act like links or anything else, you choose.
You can read more about it here, in case you haven’t done much of it: https://www.w3schools.com/css/css3_transitions.asp
IF THIS WAS HELPFUL PLEASE MARK IT AS HELPFUL 🤩
0 - @AbibGuardian50Posted almost 2 years ago
Hi revin congratulations for your completions on this challenge
For your questions,you can use padding-right : 1.25rem to fix your overflowing content on the right side.
I hope it can help
Have A great day!
0@revin212Posted almost 2 years ago@AbibGuardian50 I tried padding-right too, it still overflowing on 700-800px viewport. I think the css grid that causing it, but I don't know how to fix it. Anyway, thanks for the feedback!
0
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