@Abdelrahman0Khaled
Posted
Congratulations on completing this challenge👌❤️, here are some tips to make it look better. to center with out flexbox you can use
.contaner {
position: relative;
transform: translate(- 50%, - 50%);
}
and you need to use fonts in style-guide file, and you need to make border-radius like
card{
border-radius: 15px;
}
and you don't need to border color and Congratulations again ,keep coding bro❤️😊 EDITED bro❤️
Marked as helpful
@AliAbuSalam
Posted
@Abdelrahman0Khaled Thank you! I somehow forgot to change the font. It's fixed now. Regarding your suggestion, can you explain this part:
transform: translate(calc(50% - 50%), calc(50% - 50%));
why is it calc(50% - 50%)
? wouldn't it just equal to zero? which in turn changes nothing.
@Abdelrahman0Khaled
Posted
@AliAbuSalam it's my pad bro, its edited to
.contaner {
position: relative;
transform: translate(- 50%, - 50%);
}