Order summary component with simple HTML and CSS

Community feedback

• 

  Ed-dyb Abdelilah•1,560

  @eddybproPosted over 1 year ago

  Hi, Blackysynch

  Congratulation on finishing this challenge, I hope it was fun.

  Here are some suggestions that might improve the code:

  • CSS code:

  @media only screen and (min-width: 376px)
  .card {
  background-color: white;
  /* remove this line: height: 80%; */
  /*  remove this line: min-width: 30%; */
  /*update this*/
  max-width: 25rem;
  }
  .plan{
  /*remove this line: justify-content: space-between;*/
  /*add this line*/
  background-color:/*your color*/
  }
  

  Tip

  Remember to start using relative values rem em instead of absolute values px.

  That's it HAPPY CODING

  Marked as helpful

  0

  ---

  

  Ornelle•70

  @BlackysynchPosted over 1 year ago

  Thanks @eddybpro

  this was very helpful.

  Do you have recommendations for resources on css units?

  0

  

  Ed-dyb Abdelilah•1,560

  @eddybproPosted over 1 year ago

  Hello, @Blackysynch

  I'm happy that you find my suggestions useful.

  For the CSS units here are some resources:

  • MDN

  • W3SCHOOLS

  • KEVIN POWELL

  GOOD LUCK IN YOUR JOURNEY

  0