All comments

• 

  Amit Patre•30

  @Amit9689Submitted almost 2 years ago

  

  Order-Summary-main

  1

  10
  

  Maicon Rodrigues Monteiro•120

  @maiconrmonteiroPosted almost 2 years ago

  Olá, o seu projeto ficou muito bonito. Eu sugiro que você adicione uma sombra nesse botão. A sombra que vou te passar ficou diferente porem um pouco mais bonito na minha opinião.

   button {
         box-shadow: -2px 15px 37px -3px hsl(245, 75%, 52%) ;   
  }
  
  

  Faça isso e o seu projeto ficará ainda mais bonito.

  Parabens pelo projeto

  0
• 

  Patryk Biegański•40

  @BieganskiPSubmitted almost 2 years ago

  To bo honest I'm wondering what is the better way to write this.

  

  Basic styles, some flexbox.

  3

  50
  

  Maicon Rodrigues Monteiro•120

  @maiconrmonteiroPosted almost 2 years ago

  Olá, ficou muito lindo o seu desafio, sou aprendiz mais posso colaborar com o seu projeto centralizando o conteudo da pagina, pois dessa forma ele ficou no topo. Para resolver você poderia usar o flex-box na sua tag body. Com toda certeza ficaria perfeito.

  body {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

  Se não resolver pode me chamar que te ajudo com todo prazer, uma abraço.

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  aymane4code•10

  @assabiri4srSubmitted almost 2 years ago

  

  QR-code-component-solution

  1

  10
  

  Maicon Rodrigues Monteiro•120

  @maiconrmonteiroPosted almost 2 years ago

  Olá, ficou muito lindo o seu desafio, sou aprendiz mais posso colaborar com o seu projeto centralizando o conteudo da pagina, pois dessa forma ele ficou no topo. Para resolver você poderia usar o flex-box na sua tag body. Com toda certeza ficaria perfeito.

  body {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

  Se não resolver pode me chamar que te ajudo com todo prazer, uma abraço.

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  A S Irfan Ahmed•160

  @coding-sagarSubmitted almost 2 years ago

  I have a problem making this project.

  After hover effect on equilibrium image icon image will appear. But after using opacity whole image including background is affected. I need only background to be affected. Feel free to suggest. Feedback Welcome.🙂

  

  NFT preview card component

  1

  20
  

  Maicon Rodrigues Monteiro•120

  @maiconrmonteiroPosted almost 2 years ago

  Olá amigão, eu não tenho certeza da sua pergunta, mas acredito que você não quis adicionar a opacidade no ''olhinho''. A opacidade eu criei uma camada com before e coloquei acima da foto, depois mudei a opacidade da mesma. adicionei o 'olhinho' com after e coloquei apacidade 01 com o hover.

  .link-card::before { content: ""; background-color: var(--primary-medium); width: 100%; height: 100%; position: absolute; opacity: 0; transition: 0.3s ease-in-out; }

  .link-card::after { content: ""; background-image: url(../img/icon-view.svg); background-repeat: no-repeat; background-position: center center; width: 100%; height: 100%; position: absolute; opacity: 0; transition: 0.3s ease-in-out; }

  .link-card:hover::before { opacity: 0.3; }

  .link-card:hover::after { opacity: 1; }

  0