Melvin Aguilar 🧑🏻💻• 61,220
@MelvinAguilar
Posted
Hello 👋. Congratulation on successfully completing your first challenge 🎉 ! !
I have some recommendations regarding your code that I believe will be of great interest to you.
- In this challenge it is not necessary to use media query, however using DevTools you should review your solution in a screen of 320px width, this width is the minimum necessary to avoid distorting a website.
- The
width: 100vwproperty in thebodytag is not necessary. This will create a horizontal scrollbar on some devices.
- Use
min-height: 100vhinstead ofheight: 100vh. Theheightproperty can cause your component to be cut off on small screens, such as a mobile phone in landscape mode.
- You should use a CSS reset. A CSS reset is a set of CSS rules that are applied to a webpage in order to remove the default styling of different browsers.
I hope you find it useful! 😄
Happy coding!
Marked as helpful
2
Mateo Rinland• 210
@mateorinland
Posted
@MelvinAguilar That was very useful. Thanks a lot!
0
