Design comparison
Solution retrospective
Hey guys,
I finished another challenge! Unfortunately, it is not responsive. Any tips to improve it would be appreciated!
Waiting for feedback!
Community feedback
- @Enmanuel-Otero-MontanoPosted 12 months ago
Hello @Tatyane-Goncalves!
Congratulations on completing the challenge. Some steps that can help you make the website responsive are the following:
It uses a design technique called mobile first. This is to develop the solution first for cell phone screens. This is very logical, since nowadays the web is browsed more on cell phones than on desktop devices. Once you adapt, it will be very easy to bring the design to larger screens.
Research and learn about media queries and CSS properties such as display flex and grid, they are essential in responsive designs, and also learn to use relative units such as em, rem, %, etc.
Another piece of advice is to always try to apply styles with class selectors. If this is true, it helps a lot so that the styles do not get stepped on and it is much easier to debug the CSS, plus you will have fewer problems with styles in large projects.
Lastly, don't stop practicing.
Greetings, I hope it helps you.
Marked as helpful0@Tatyane-GoncalvesPosted 12 months agoHello @Enmanuel-Otero-Montano,
Thank you for the tips!
I will start studying these topics.
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