menu
Product Card Page

Product Card Page

●2 ●9
calendar_today • schedule1 min read
— Originally published at dev.to

I made a product card page for an Frontend Mentor challenge. The page is made with HTML and CSS it includes HTML semantic, CSS animations, and an adjustable layout for mobile and desktop.

GitHub Repo
Live Website

Any feedback would be greatly appreciated as I started learning a week ago.

4 Comments

•

Nice breakdown, pretty clean UI approach. Did you consider adding hover states or micro interactions for the card?

1 vote
•

@[Gargi Chakravarty] I thought about adding more animations but I wanted to replicate the design I was given and it didn't have a hover state for the card.

1
•

very nice, minimalistic in the best way, however the actual card itself is static, maybe adding amother hover state to that would improve it?

1 vote
•

@[lucyb0207] adding a hover state was a thought I had but I decided to just replicate the design I was given

2
🔥 Join developers growing publicly
Share your knowledge, build in public, and grow your developer presence with a global community.
Join CoderLegion

More Posts

| Coming Soon Page |

Leyo - Apr 7

Image to Base64: Converting Images for HTML, CSS, and Email Embedding

SnappyTools - May 30

How to solve this problem "Uncaught TypeError: $(...).datetimepicker is not a function"

Greg Elfrink - Jan 14

Less is more: presenting my updated web development portfolio

Ingo Steinke - Dec 3, 2024

Mastering CSS Container Queries for Adaptive Layouts

Theo Soti - Nov 18, 2025
chevron_left
Leyo Outlaw
1.2k Points • 11 Badges
Arlington, MA • github.com/Leyo-N
2Posts
3Comments
21Connections
I am a 16 year old self-taught web developer currently learning CSS and working on my first few projects.

More From Leyo

| Coming Soon Page |

Related Jobs

View all jobs →

Commenters (This Week)

4 comments

Contribute meaningful comments to climb the leaderboard and earn badges!