Profile Picture

We start with a simple base of just the HTML markup and some basic styles for the card, just to understand the structure of the component.

Most popular

SEO Starting

One time $5 instant keyword research up to 100 keywords. No subscription.

$5

Suscribe now

50+ suscribed this month:

EH
Profile Picture

Now we add some colors and styles to each element of the card, to make it look more like a product card.

I want to highlight the most important information, like the title and the price, so I use a bigger font size.

Most popular

SEO Starting

One time $5 instant keyword research up to 100 keywords. No subscription.

$5

Suscribe now

50+ suscribed this month:

EH
EH
EH
EH
Profile Picture

I don't like the spacing between the elements, so I add some padding to the card and some margin to the elements inside the card.

I also increased the contrast of the blue color to make it more readable.

I re-arranged the avatars to make it into a row instead of a column.

Most popular

SEO Starting

One time $5 instant keyword research up to 100 keywords. No subscription.

$5

Suscribe now
EH
AG
JM
KL

50+ suscribed this month