@Sdann26
Posted
Personally, in the mobile design I would add the following attribute.
@media screen and (max-width: 1100px)
.card {
display: block;
height: 90vh;
max-width: 280px;
}
This way it doesn't expand too much and keeps the design but you should add more padding so it doesn't look so tight and maybe change the max-width but there you edit it to your liking.
By the way don't use h2 if you don't have a h1 before, it is necessary to always have a h1 and only one per page since it is the title on the current page, the other h2, h3.... h6, working as subtitles of each other.
With all that I think you can do that you no longer get errors in your report.
I hope my comments are helpful. Good luck!