Alex• 3,130
@Alex-Archer-I
Posted
Hi! Your work is quite cool =)
Speaking about width it's better not to set width for h1 and p elements but for .main__container.
You can use this approach to make container responsive:
.main__container {
width: 95%;
max-width: 375px;
}
This way container will take 95% of the small screens but will keep 375px width on the big ones. h1 and p elements will take 100% of container's width by default and for img you can explicitly set it to 100% (it'll keep the proportions).
Also I can recommend you to use min-heigth instead of height for main tag in case if user's screen will be smaller than content of the page.
Overall, good job! Good luck and keep doing =)
Marked as helpful
1
