@KapteynUniverse
Posted
For less code on the button; you don't need to set a height, you can make it with padding. Remove height, change padding and width. Text align also seems unnecessary
.button {
padding: 0.375rem;
width: fit-content;
/* height: 25px; */
/* text-align: center; */
}
Change padding value as you want. Maybe padding: 0.25rem 0.5rem;
to make it a bit more buttonish but i think that is a category name for the article.
Since on the design there is a active state for the h2, it is probably a link to open that articles page, so writing <h2 class="name"><a href="#">HTML & CSS foundations</a></h2>
would probably be better. Also a cursor: pointer
to the on hover effect on css.
Don't worry about flex or grid, you will use them a lot on the future challenges :D
Marked as helpful
@Manisha3196
Posted
Thank you for you feedback @KapteynUniverse