3-column preview card component

Community feedback

• 

  Rio Cantre•9,690

  @RioCantrePosted almost 3 years ago

  Hi! Good job in making this project, so far you did well on composing the code of the design. And for the issues you wanted to improve, I could suggest the following for you:

  • inside the body tag include background-color with the given color value
  • include media queries for the responsive design. For instance,

  @media only screen and (max-width: 653px) {
             .card .bottom .left {
                         background-color: hsl(179, 64%, 38%);
                         padding: 40px;
                         border-bottom-left-radius: none;
                         width: 100%;
             }
     
            .card .bottom .right {
                        background-color: hsl(179, 62%, 43%);
                        padding: 40px;
                        width: 100%;
            }
  };
  
  

  • use main tag to wrap the .container
  • use a validator to check your solution structure.

  Overall you did well, read more on media queries and I hope this helps.

  0