@Hassiai
Posted
Use rem or em as unit for the padding, margin, width and preferably rem for the font-size for more on CSS units. click here
To center .principal on the page, add min-height:100vh; display: flex; align-items: center: justify-content: center; or min-height:100vh; display: grid place-items: center to the body.
for a responsive content replace the width of .principal with max-width and give it a fixed value instead of a percentage value. Give the img a max-width of 100% instead of a width value. Give h1 and p the padding left and padding right values and the same margin top values.
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful