0
stars
0
forks
source link
To do
- learn about
height:100%;
and object-fit:cover
- Use rem (or em when it makes sense) instead of px so that your page scales correctly when the user has set a different font size in the browser
- Avoid setting fixed widths or heights on elements (like on .desc). Try to control the size of the card sections using Flexbox or Grid
- add a max-width: 100% on the card just to be sure that it never gets bigger than its container (questionable)
LEARNINGS
- Picture tag
- for the image to occupy the space
height: 100%;
object-fit: cover;
Resources
- SLACK DISCUSSION
mix-blend-mode