@correlucas
Posted
๐พHello , congratulations for your first solution and ๐ welcome to the Frontend Mentor Coding Community!
Here's is some advice to improve even more your solution:
Give the proper alignment for the card using the tags display: flex
and min-height: 100vh
inside body:
body {
min-height: 100vh;
background-color: rgba(192, 229, 252, 0.726);
display: flex;
align-items: center;
justify-content: center;
}
Remove these margins to allow the aligment:
.card {
width: 210px;
/* height: 364px; */
padding: 0.8em;
background: white;
position: relative;
/* overflow: visible; */
/* margin-left: 560px; */
/* margin-top: 110px; */
border-radius: 19px;
box-shadow: 0 3px 6px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
}
This is the correct color for the background body { background-color: hsl(212deg 66% 92%);}
and you can find all these values in the file called style-guide.md
.
๐ I hope this helps you and happy coding!
Marked as helpful
@mahmud569
Posted
@correlucas it was really helpful, I appreciate it. can I proceed to another challenge or need to modify this challenge's contents?
@correlucas
Posted
@mahmud569 You can proceed but its better you fix this challenge and update it, you'll learn a lots more fixing your own code. I did some challenges more than 3 times because theres ever something more to learn.