Responsive Mobile Grid News Homepage
Design comparison
Solution retrospective
The most difficult areas when building this project is creating the responsive navbar, which supposed to be easy when using bootstrap though, but this time I try to use vanilla scss and JavaScript to create that.
I'm kinda not sure about the desktop version, it looks good on my laptop screen, but when I open it in my external monitor with 2560x1440 resolution, the main grid section not growing. Is there any advice about it?
Thanks
Christian
Community feedback
- @AdrianoEscarabotePosted about 2 years ago
Hi Christian Prasetya, how are you? Welcome to the front-end mentor community! I really liked the result of your project, but I have some tips that I think you will enjoy:
I noticed that in higher resolutions the content was behaving strangely, to fix this I did the following:
@media (min-width: 56.25em) body { max-width: 1440px; margin: 0 auto; }
I noticed that you used a
button
in which case the best option would be ana
, because in my head when a person clicks on a button written Read more, he is not confirming a form, or something like, it will be redirected to another page, to Read more about!To resolve this:
<a href="/" class='white-text'>Read more</a>
The rest is great!
I hope it helps... 👍
Marked as helpful0@christian-prasetyaPosted about 2 years ago@AdrianoEscarabote thank you for the possible solution, mate. I will surely try that on my code.
1@christian-prasetyaPosted about 2 years ago@AdrianoEscarabote Wow, it's really work perfectly, mate. The addition body styling works perfectly. Really really thanks.
1
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