
Stoica Claudiu
@llr3v0llAll comments
- @ggoulartec
- @Meriem1551@llr3v0ll
You did a great job with this challenge but there is a thing I would change.
I would add to #submit-container and #thank-you-container width and height of 410px for the pc, in order to match the design.
- @Shubhanshi2002@llr3v0ll
It's not such a big deal but I would recommend changing the container width to 290px and make the image smaller to about 250px, I would also make the h1 font-size to about 1.3rem and add some margin under the paragraph to make it look nicer. Here are the changes I made to your code(the bold text is the changes I made to your code):
1)img{
max-width: 250px;
}
2).container h1{
color:var(--Dark-blue);
text-align:center;
margin-bottom:1rem;
font-size: 1.3rem;
}
3)@media(min-width:500px){
.container{
width: 290px;
}
} 4).container p{
color:var(--Grayish-blue);
text-align:center;
margin-bottom: 13px; (You can change this)
}
- @dilshadmohammed@llr3v0ll
I've looked at your page and couldn't see what "divs" you were talking about , but for the button part, I've added this to the end of your CSS and it seems to be working.
button:hover { cursor: pointer; background-image: linear-gradient(hsl(252, 100%, 67%), hsl(241, 81%, 54%)); }