Goularte G.C• 130
@ggoulartec
Submitted
Stoica Claudiu
@llr3v0ll
All comments
- Stoica Claudiu• 300
@llr3v0ll
Posted
Nice work!
Marked as helpful
0 - Meriem1551• 400
@Meriem1551
Submitted
Stoica Claudiu• 300@llr3v0ll
Posted
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.
0 - Shubhanshi2002• 10
@Shubhanshi2002
Submitted
ALL FEEDBACKS ARE WELCOME THANK YOU
Stoica Claudiu• 300@llr3v0ll
Posted
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)
}
0 - Dilshad mohammed• 20
@dilshadmohammed
Submitted
I have designed my webpage and it looks good in desktop view. However, I am facing two difficulties:
Applying hover effect to divs and button: I am unable to successfully apply the hover effect to my divs and button elements. I have tried using CSS, but it doesn't seem to work. Could you please provide guidance on how to achieve the hover effect?
Making the webpage responsive for mobile view: I have attempted to make my webpage responsive by using media queries, but the layout doesn't adjust properly for mobile devices. Additionally, some of the content doesn't fit within the body in the mobile view. Can you provide suggestions on how to make the webpage responsive and ensure that all content fits correctly within the body in mobile view?
I would appreciate any assistance you can provide to resolve these difficulties. Thank you!
Stoica Claudiu• 300@llr3v0ll
Posted
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%)); }0
