Simple project made with flexbox

Community feedback

• 

  Danilo Arcidiacono•120

  @daniloarcidiaconoPosted over 2 years ago

  Hello, I would start by adding this:

  .shopping-item-details {
     ...
     flex: 1 1 auto;
  }
  

  which is a short form for:

  .shopping-item-details {
     ...
     flex-grow: 1;
     flex-shrink: 1;
     flex-basis: auto;
  }
  

  That makes the 'Annual Plan' grow and take the available space.

  Finally, add the following:

  .shopping-item {
   ....
    gap: 1rem;
  }
  

  gap adds a margin between flex items.

  Marked as helpful

  0

  ---

  

  Grzegorz•130

  @GregW1994Posted over 2 years ago

  @daniloarcidiacono Thanks a lot!

  0