menu
Product Card Page

Product Card Page

●2 ●10
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

Tailwind CSS for Beginners: From Zero to Your First Component

muhammadfarhan.dev - Jul 21

| Coming Soon Page |

Leyo - Apr 7

Building Fluentic Style: Bringing React Native Style Composition to React

OmniDev - Aug 28

What Was the First Project You Ever Built in an Online Code Editor?

nitroide - Jul 1

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

SnappyTools - May 30
chevron_left
Leyo Outlaw
1.2k Points • 12 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)

1 comment
1 comment

Contribute meaningful comments to climb the leaderboard and earn badges!