Skip to content
OverviewSolutions
13
Comments
4
Stoica Claudiu
@llr3v0ll

All comments

  • Stoica Claudiu•300
    @llr3v0llPosted about 1 year ago

    Nice work!

    Marked as helpful
    0
  • Stoica Claudiu•300
    @llr3v0llPosted over 1 year ago

    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
  • Stoica Claudiu•300
    @llr3v0llPosted over 1 year ago

    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
    @dilshadmohammedSubmitted over 1 year ago

    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!

    Result summary page

    3
    Stoica Claudiu•300
    @llr3v0llPosted over 1 year ago

    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