Order Summary Component (Vanilla CSS + Custom Wave Background + Hover)

Community feedback

• 

  Adriano•38,270

  @AdrianoEscarabotePosted over 2 years ago

  Ficou muito bom esse efeito de fundo hauhauha achei criativo.

  O código de html ficou bem limpo também, achei bem diferente a parte do css nunca tinha visto nimguem fazendo daquela forma, se puder explicar o que é e porque de ter feito daquele modo eu ficaria agradecido, achei bem top .

  A responsividade de tudo ficou muito bom.

  Marked as helpful

  3

  ---

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @AdrianoEscarabote valeu brother, qual parte do css você está falando? Copia e cola ela ai na pergunta que eu te explico, valeu!

  0

  

  Adriano•38,270

  @AdrianoEscarabotePosted over 2 years ago

  @correlucas na verdade não é do css em si, é pelo jeito que ele você fez a Indentação dele, a maioria dos códigos css que já vi são escritos um em baixo do outro no formato cascata, porém, o seu não, ai fiquei um pouco curioso hauhuau

  1
• 

  Marat•40

  @MasunsaPosted about 2 years ago

  Incredible work. You did more than needed. Bravo!!! In this challenge I face a problem with alternative image background. I could not find an answer how to make it mobile responsible. I looked in your solution and it is really easy. Thank you!! Have a nice day!

  1

  ---

  

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  @Masunsa Its nice to hear that Marat! Keep it up =)

  0
• 

  Shaswat Singh•190

  @shaswatsingh19Posted over 2 years ago

  Hey Lucas, how did you do the initial animation of main element when we reload the page, any resources for that ?

  1

  ---

  

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  @shaswatsingh19 You can use this code pen as a reference https://codepen.io/tedmcdo/pen/PqxKXg

  0

  

  Shaswat Singh•190

  @shaswatsingh19Posted over 2 years ago

  @correlucas thanks

  0
• 

  Pranshu Sahu•770

  @Pranshu-SahuPosted about 2 years ago

  Hey Lucas, how did you make your solution free of any accessibility issue ?

  Please help me to make my solution free of accessibility issue. I would me you provide any resource regarding it.

  0