Build Simple Profile Card Component

And Good Work, Keep Coding😊😎

If You want to reduce accessibility To change this code: 1.Used Main tag to Wrap after the body Content Like :

1. <div class="attribution"> to <footer> ( Used footer tag for footer design );

I hope you again find this helpful

Congratulation to complete the challenge ❤️👍 My small suggestion : 1.In Card design CSS Code Used this:

transform : scale(0.8); this property decrease the size of card. 😉

large size for increase the number of scale & small size for decrease the number of scale

I hope you find this helpful

Hello @bmhuyquoc104,

I have few suggestions regarding your solution:

• screen reader only text is great for providing more context . (screen reader only is meaningless)

• No need to mention user's avatar in the alt text as It’s going to be obvious to either a person or a machine when something they're accessing is alt text. Read more how to write an alt text

• The number and word have to be read together to make sense so need to be in the same meaningful element. so only a span or maybe strong tag needs to wrap the numbers. the words like Followers should not be in paragraph tags. They don't need to be wrapped in anything as they are already inside a meaningful element (list item).

Overall , your solution looks good .Hopefully this feedback helps.