Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • User9511• 370

    @User9511

    Posted

    Looks good!

    A small update I would make would be to update the following, This will make your project look more like the design.

    .container {
    max-width: 19rem;
    background-color: white;
    padding: 1rem;
    border-radius: 18px;
    text-align: center;
    margin: 0 1em;
    }
    
    0
  • User9511• 370

    @User9511

    Posted

    Thanks for the feedback Grace! :)

    I've updated my code now,

    Let me know if there are any other changes you think I shoud make.

    Thanks, Shane

    0
  • User9511• 370

    @User9511

    Posted

    Looks really good!

    The only thing I can see that you are missing

    .payment a {
            text-decoration: underline;
    }
    
    .payment a:hover {
             color: var(--Bright-blue);
    }
    
    0
  • Marcos• 40

    @Toxgem

    Submitted

    -Is the code clean enough? -What changes should i be doing to keep best practices? -What would be your approach to this challenge? I wonder what other ways are to clear this one, maybe the usage of buttons, and how many tags i am missing to make it simpler.

    User9511• 370

    @User9511

    Posted

    I would change your .container to this

    .container {
            max-width:25rem;
            background:linear-gradient(14deg, rgba(23, 30, 40, 1) 0%, rgba(33, 40, 50, 1) 90%);
    }
    
    1
  • User9511• 370

    @User9511

    Posted

    Unable to view your project.

    Firefox says it's a dangerous potentially phishing website.

    0
  • User9511• 370

    @User9511

    Posted

    Hey Akash Nagindar Tayde,

    You are missing the active hover states on your buttons.

    This is how I would solve that issue by creating a new variable in the :root:

    :root {
          --Lighter-Blue: hsl(233, 100%, 78%);
    }
    
    btn btn-blue:hover {
          background-color: var(--Lighter-Blue);
    }
    

    You should also add a hover state for the links in the footer:

    footer p:hover {
         color: var(--Strong-Cyan);
    }
    

    Also, the footer links should be in an unordered list using this syntax:

    <footer>
         <ul>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
         </ul>
    </footer>
    

    Marked as helpful

    0