Design comparison
Solution retrospective
Hello guys
I am having trouble making this page responsive . Need some suggestions to make it responsive
Community feedback
- @nikoescobalPosted over 2 years ago
Hello there! π
Congratulations on finishing your challenge! π
Here's some other feedback on this solution:
- Keep in mind that the web is responsive by default
- This is why it's suggested to always start with mobile-first, then use media queries to cover the other screens
- Check the report to fix html issues - you currently have 2 listed
I hope this is helpful and all the best with your coding journey!
Marked as helpful1 - @k-stopczynskaPosted over 2 years ago
Hi!
Congratulations on finishing the project!
If you could narrow down the problem with responsiveness, I'll be happy to help. For now I can see that you didn't get the mobile view at all, that would be the first thing to do.
Also check out your socialmedia icons: they are in different colour than in the design (icons are like fonts, you can set the color for them too). And another thing: they are absolutely positioned, so when viewport width is narrowing- they slide to the left side. You can check it out in developer mode. You can wrap them in a div with flexbox and justify to the right.
If you have any questions- don't hesitate.
Desktop view however looks good, so keep on coding:)
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