@zxc-w
Posted
Awesome. You used flexbox correctly and on point.
I have a few simple suggestions:
-
In your
.tag
selector, instead of usingwidth: 75px;
you can use something likewidth: fit-content;
orwidth: min-content;
to make the width just as much as the content inside it. -
In your
.person
you used flexbox which is correct but if you make the image bigger, you will notice that they are not on the same horizontal line. You can usealign-items: center;
to center them vertically and they will appear on the same line.
For mobile devices, you should use media queries to make it a little smaller and more suitable for those devices.
Marked as helpful