Submitted over 2 years ago

3-column preview card component - HTML and CSS

@qu3bin

A solution to the 3-column preview card component challenge

Solution retrospective

I have a problem with the "Learn More" buttons moving up and down when resizing the text block. If anyone could help me with that I will be grateful :)

Code

Please log in to post a comment

Community feedback

Hassia Issah•50,390
@Hassiai
Posted over 2 years ago
give .more a percentage width and a padding top and bottom values and give it a font-weight of 700.
```
.more{
 width: 30%
 padding: 1rem;
font-weight: 700
}
```
In the media query there is no need for a max-height value and a margin value.

Hope am helpful.

Well done for completing this challenge. HAPPY CODING

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord