product-preview-card-component-mainHTML CSS
Design comparison
Community feedback
- @Tux3er-IsmaPosted almost 2 years ago
Hi Cookiemonsterhxc
I reviewed your code and there are some tips to improve your programmer skills:
If you want that the main goes center with flexbox use min-height: 100vh in the body:
min-height: 100vh;
That will make the main element will be perfectly center.
Also when you are making README.md files in github customize it so this will make your Github profile popular.
I recomend you to use variables in css:
:root{
my-font: 'My-font', sans-serif
}
so you can acces to this variables like this:
.my-text{
font-family: var(my-font)
}
You can use BEM CSS too:
Do not use
.container .text
Use
.container__text
That make CSS code better
Bye and remeber continue coding!
Marked as helpful0
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