Design comparison
Solution retrospective
Hola gente, la verdad nose ni lo que hice XD , si se toman el tiempo de ver el codigo css y la estructura html para aconsejarme una mejor optimizacion del mismo estaria muy agradecido, soy nuevo en esto del desarrollo web. posdata: lo que me resulta dificil es hacer el responsive(RWD).
Hello people, the truth is that I do not even know what I did XD, if you take the time to see the css code and the html structure to advise me on a better optimization of it, I would be very grateful, I am new to web development. postscript: what I find difficult is to do the responsive (RWD)
Community feedback
- @ApplePieGiraffePosted almost 4 years ago
Hello, Francisco!! 👋
Good effort on this challenge! 👏
A few things you can do to improve your solution would be,
- Adding
background-size: cover
to thebody
to ensure that the background image covers the entire page and doesn't distort when the screen is resized. - Adding
overflow-x: hidden
to thebody
to prevent a horizontal scroll bar from appearing along the bottom of the screen in the desktop layout. - Adding some padding around the content of the page so that it isn't so close to the sides of the screen when the screen width decreases.
- Doing some more work on the responsiveness of the site so that it looks good on both desktop and mobile devices and anything with a screen size between those two (you can begin by adding some breakpoints to scale the size of elements when there isn't enough space on the screen to accommodate their original size).
Hope those tips help! 😊
Keep coding (and happy coding, too)! 😁
2@Francisco-Git99Posted almost 4 years agobroh, thank you very much for taking the time to explain tips to keep improving, I will try to apply what you explained in the project, thank you.
1 - Adding
- @azurasanPosted almost 4 years ago
in my opinion, you should learn more about CSS, property of CSS, CSS layout, responsive using media query and some kinda stuff like that. never give up and keep going.
Happy coding :)
2
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