All comments

• 

  Ricky•470

  @pyaetheiNSubmitted over 2 years ago

  This challenge wasn't very easy, however I learned how to make double image overlay!

  Things I learned:

  • two ways to code double image overlay

  1. using :hover::after pseudo-elements
  2. adding additional containers (html line 24 for context)

  • adding a specific property on transition e.g. transition: background-color 0.3s;
  • inset CSS property is a shorthand that corresponds to the top, right, bottom, and/or left properties. It has the same multi-value syntax of the margin shorthand. e.g. inset: 0; -> top,right,bot,left = 0;

  

  NFT preview card component using flexbox and pseudo elements

  1

  80
  

  Last-Orbit•110

  @last-orbitPosted over 2 years ago

  Hey this looks really good, your code looks very well structured. I hadn't seen the "&" symbol before but it seems like it really helped in not repeating code.

  1

  This comment has received 1 replyShow