@Hassiai
Posted
Add a language attribute to the html tag <html lang = "en">
, replace <div class="bg"> with the main tag and <h6> with <h1> to fix the accessibility issues. click here for more on web-accessibility
and semantic html
There is no need to give .bg position: relative and its properties, width and height values.
To center .scale on the page using flexbox, add min-height:100vh to .bg.
There is no need for a height value in #box-1.
Give h1 and p the same font-size of 15px which id 0.9375rem, text-align: center, the same margin-left, margin-right and margin-top values. Give p a margin bottom value.
This challenge does not require a box-shadow.
Use relative units like rem or em as unit for the padding, margin and preferably rem for the font-size values, instead of using px which is an absolute unit. For more on CSS units Click here
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful
@Noneco01
Posted
@Hassiai Hey, thanks for reviewing my work! I would be glad to hear any suggestions and feedbacks from you that can help me improve my work!