@elaineleung
Posted
Hi Nathan, I think it's because of the fixed height that's been set in the paragraph. I tried removing that in the inspector and things seem better. I also think the margins can be changed a bit, especially the top and bottom margins. Here's what I would try:
#advice-number {
margin: 60px 0px 0px;
}
#advice-paragraph {
margin-bottom: 2rem;
height: // remove height property
}
#pattern-desktop,
#pattern-mobile {
margin-bottom: 1.5rem;
}
You can also check out my solution here: https://www.frontendmentor.io/solutions/responsive-component-with-api-and-data-fetching-acBCRNQ6R9
Marked as helpful