Latest solutions
E-commerce Product Page || React.js + TailwindCSS + Redux
#framer-motion#react#redux#tailwind-css#redux-toolkitSubmitted about 1 year agoLink shortener landing page with animated link elements
#framer-motion#next#react#typescript#tailwind-cssSubmitted about 1 year agoInteractive card details from with SVG tick animation
#animation#react#sass/scssSubmitted over 1 year ago
Latest comments
- @terrionnawatts@adex-hub
Hi Terriona, nice solution but in order to center the cards vertically consider adding the following code to the parent element of the two cards.
display: flex; flex-direction: column; align-items: center;
If that doesn't work you might need to center it vertically using
position: absolute
and CSS properties such astop
andtransform: translate Y(50%)
Marked as helpful - @adex-hub@adex-hub
This is my first ever react project. Just started learning react some days ago and I felt like this is the perfect project to build. So please React devs tell me some improvements I can make and in what areas.
- @DaveMan-stack@adex-hub
It looks cool but add transitions to the parent elements of the hover state as this would help the hover state to feel a lot smoother.
For your html validation, delete the srcset attribute on the image tag and fill in the alt attribute on the image tag as well as this would help the user understand what is meant to be in the image's position on the webpage in case the image doesn't load due to bad/slow network or other issues.