@Anq92
Posted
Hello!
According to your questions:
- For bg shadow you use box-shadow property box-shadow
- Resizing elements for smaller screens can be done in a flexible way e.g. with clamp() function. You can resize containers, as well as fonts. clamp method You can also use media-queries to switch between different screen sizes media queries
Other things:
-
it's good to use semantic elements like <header> <main> <footer> in your html semantic elements
-
it's better to use rem units than px in CSS => rem units
-
you missed hover effects in your solution, use pseudo-classes for it pseudo-classes
-
don't use fixed dimensions like you did for margin-top in .box selector, because it doesn't look good for smaller screens, use flexbox instead and place the element in the center of the screen. guide to flexbox
Keep good work and good luck with the next challenges!
Marked as helpful