@FarisPalayi
Posted
You can give fixed height to elements, to solve this issue.
And here's an article from freecodecamp about how to use google fonts in your projects:
Marked as helpful
@DrZubby
Posted
@FarisPalayi Thanks so much Faris. I will read up the article and try out both suggestions ASAP.
@rohits673
Posted
Hi, I checked your site its looking nice, you can improve the style of buttons as it grows on hover(just give them border of same as background color and on hover change background color only) also if you will not use flex-wrap it will look better on medium sized devices and last please avoid fixed margin...for more clarification you can check my solution and also please give me feedback if there is something I can improve there. Thanks!
@DrZubby
Posted
@rohits673 Noted. But what do you mean by fixed margin? I'm still trying to get familiar with the terms.
@rohits673
Posted
@DrZubby like you have given left, right margins to your card container 'cards' which can be replaced by
display: flex;
justify-content: center;
align-items: center; ```
also on smaller screen size you just need to change the 'flex-direction of your container with some extra padding. hope it helps. Thanks!
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
