Design comparison
Community feedback
- @FarisPalayiPosted over 3 years ago
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 helpful0@DrZubbyPosted over 3 years ago@FarisPalayi Thanks so much Faris. I will read up the article and try out both suggestions ASAP.
2 - @rohits673Posted over 3 years ago
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!
0@DrZubbyPosted over 3 years ago@rohits673 Noted. But what do you mean by fixed margin? I'm still trying to get familiar with the terms.
0@rohits673Posted over 3 years ago@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!
0
Please log in to post a comment
Log in with GitHubJoin 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