All comments

• 

  Manuel Odendahl•70

  @wesenSubmitted almost 3 years ago

  I went a bit deeper with this one. I used next and supabase, deployed on vercel. I created a reducer for the state handling, with jest unit tests. It was fun!

  

  Interactive Comments (next.js, supabase, jest, tailwind)

  5

  72
  

  Berlianto Ferdynand Pongbubun•200

  @xvferdyPosted almost 3 years ago

  Hey this is cool man, are my comments gonna stay there forever?

  1

  This comment has received 1 replyShow
• 

  Une•40

  @Unomars4Submitted almost 3 years ago

  Any tips to improve would be greatly appreciated.

  

  Responsive Order summary component using CSS, HTML

  2

  31
  

  Berlianto Ferdynand Pongbubun•200

  @xvferdyPosted almost 3 years ago

  Great now the background is not repeated anymore 👌, but the text on the card is hard to see because it's now white.

  You can add this code below to tweak up the design,

  In the body selector, switch the property for color: var(--pale-neutral) to color: var(--de-neutral) to have the card text readable, then add background-color: var(--primary-color) and background-size: cover so the background have some color and covered all the body.

  body {
    margin: var(--card-width) 0 0 0;
    font-family: var(--body-font);
    font-size: var(--smaller-font-size);
    background-image: url("../images/pattern-background-desktop.svg");
    background-repeat: no-repeat;
    color: var(--de-neutral); 
    height: 100%;
    width: 100%;
    line-height: 1.6;
    background-color: var(--primary-color);
    background-size: cover;
  }
  

  0
• 

  Romário J. Santos•270

  @romariojs94Submitted almost 3 years ago

  Hello, Guys! i am delivery the best of me in front end 💪.

  

  Order summary card solution With HTML & CSS flexbox

  2

  10
  

  Berlianto Ferdynand Pongbubun•200

  @xvferdyPosted almost 3 years ago

  So cool 👌

  Just add this little code so your button will have a hover effect like in the mockup:

  #grow2:hover {
    text-decoration: none;
  }
  
  .card_footer > .link__order:hover {
    color: var(--darkblue-color);
  }
  

  Marked as helpful

  1

  This comment has received 1 replyShow