@qqqzhch
@NehalSahu8055
Submitted
👋Hello, Frontend Mentor coding community.
👨🏼💻This is my solution for the Product Preview component.
🛠️ Built with:
Tailwind CSS & JS🎨 I added some custom features:
Hover EffectsCSS AnimationsCustom CursorCustom UI DesignGlassmorphismCard LoadingI'll be happy to hear any feedback and advice!🤗
@qqqzhch
Posted
wow, the design is even more beautiful than the original design draft
@MateenTech
Submitted
@qqqzhch
Posted
Great, I saw a lot of animations,
It would be better if the background color could be made full screen you can use min-h-screen https://tailwindcss.com/docs/min-height
@Abhishek-Sahu532
Submitted
@qqqzhch
Posted
I also recently completed this challenge Showing background images could be improved mainly background-position，background-size
body{
background-repeat: no-repeat;
background-position: top;
// background-attachment: fixed;
background-size:contain;
min-width: 100vw;
min-height: 100vh;
background-color:@Primary-color-Paleblue ;
display: flex;
font-family: 'Red Hat Display', sans-serif;
}
@YASSINEGAFF69
Submitted
@qqqzhch
Posted
Great, it's an exact replica of the design, how did you get into sizing the card?
