dewslyse

Latest comments

• 

  AnaesthCode•100

  @AnaesthCodeSubmitted about 3 years ago

  

  Profile card component

  2

  10
  

  dewslyse•3,025

  @dewslysePosted about 3 years ago

  Hello @AnaesthCode! Congrats on your submission. Those background images can get quite tricky. You may use the examples below as a reference for how to handle them.

  • Example 1
  • Example 2
  • Example 3

  Happy coding!

  Marked as helpful

  0
• 

  Francisco Menezes•30

  @frantecbhSubmitted about 3 years ago

  

  ReactJS, styled-components

  #react#styled-components

  3

  30
  

  dewslyse•3,025

  @dewslysePosted about 3 years ago

  Hello @frantecbh

  You need to set the padding on .hYnCah to 1rem on all sides and delete the padding-top: 1rem; you have set on .hYnCah img

  Marked as helpful

  0
• 

  Wissem•180

  @WissemhSubmitted about 3 years ago

  

  NFT preview card component

  1

  50
  

  dewslyse•3,025

  @dewslysePosted about 3 years ago

  Hello @Wissemh, congrats on your submission. Your card looks good. Some things to note:

  • The image on the card is not perfectly centred. This is because of 👇

  .firstimg {
      width: 85%;
      margin: 2.5vh;
   }
  

  You should delete those properties and set a max-width on .firstimg to 100%.

  • You should also add a max-width (e.g. 375px) and some padding (e.g. 25px) to your main. You can do away with width: 45vh; on the main because it serves no purpose. You could also do away with the height: 75vh; and adjust the height of the card by applying some margins/padding to the elements on the card.

  Happy coding!!

  Marked as helpful

  0
• 

  Tassie Oshiro•60

  @tassieoshiroSubmitted about 3 years ago

  

  nft card preview with html-sass

  #sass/scss

  1

  50
  

  dewslyse•3,025

  @dewslysePosted about 3 years ago

  Hello @tassieoshiro. Massive congrats on completing your first solo project 💪. Awesome job.

  Some things to note:

  • You could set a max-width on your .container to prevent the card from growing unnecessarily big. This component has a max-width of 375px.
  • Your page is missing an h1. You could replace <h3>Equilibrium #3429</h3> with <h1>Equilibrium #3429</h1>

  All the best and happy coding.

  1
• 

  Thanos Balogiannis•50

  @thanosballoSubmitted about 3 years ago

  

  Just some html and css

  4

  50
  

  dewslyse•3,025

  @dewslysePosted about 3 years ago

  Hello @thanosballo, congrats on your submission. Well implemented. Some things to note:

  • Remember to include landmarks (e.g. header, main, footer etc) in your markup. In this case you could change <div class="container"> to <main class="container">.
  • Make sure headings increase by one. You could change <h4>Annual Plan</h4> to <h2>Annual Plan</h2>
  • The order summary component is missing the background image

  Happy coding!!

  Marked as helpful

  1
• 

  Alexei•831

  @Batareika007Submitted about 3 years ago

  

  Stats preview card component using SASS, Flex, media query

  1

  40
  

  dewslyse•3,025

  @dewslysePosted about 3 years ago

  Hello @Batareika007, you can achieve the overlay by applying background-blend-mode: multiply; to your .image-section

  Happy coding!!

  Marked as helpful

  1