@Rianjulian
Latest solutions
E-commerce Produce Page with Dark mode
Submitted 12 months agoThe trick that I've used in my project for the dark/light switching animation depends solely on
mix-blend-mode: difference, so I needed to invert most of the colors in the website. Would that impose a problem if used in a real-world project?Responsive Space Tourism website using ReactJS
#react#react-router#vite#motionSubmitted almost 2 years ago
Latest comments
- @Salah1221
Hi Rian, You did a great job in your solution, but I noticed some improvements that can be made:
- You can remove the annoying space below the image by adding
display: block;to.cypto. - Add
white-space: nowrap;to theh2headings of.timeand.priceto keep them on the same line. - Add
position: absolute;to.attributionto remove it from the document normal flow so it can be positioned easily with respect to the body without interfering with the card. - Center the card in the
bodyusing flexbox, before doing that the body should have the full height of the view port (giveheight: 100vh;to the body). - After centering the card you can remove the
margin,margin-top, andmargin-bottomproperties from the.containerdiv so the card would be perfectly centered. And that's it! Happy coding!
- You can remove the annoying space below the image by adding
