Single price grid component

Community feedback

• 

  imad•3,330

  @imadvvPosted over 2 years ago

  Greetings Jason! Congratulations on completing this challenge!, you can add this media query to make your solution responsive on mobile view,

  @media (max-width: 45rem) {
    .container {
      width: calc(100vw - 2em);
      min-height: 100vh;
      grid-template-rows: 1fr;
      grid-template-columns: 1fr;
      grid-template-areas:
        "a"
        "b"
        "c";
    }
  }
  

  Happy coding and keep up the good work 👍

  Marked as helpful

  1
• 

  Romel Williams•180

  @omerome83Posted over 2 years ago

  Great job on finishing.

  I would just suggest adding a hover state in your CSS when you mouse over on the "Sign Up" button.

  .signup-button:hover {
    background-color: hsl(71, 73%, 65%);
  }
  

  Something like this, for example, would give the user an indication the link is "live".

  1