Hey @Dfcuevas 👋🏻
I just have a couple of suggestion for the project.
- The icons, should have
aria-hidden="true”
, because they're for decoration. You can read more aboutaria-hidden
here. - Although it works fine in this small project, but in general, avoid using
float
s, since they can cause some unwanted bugs and are pretty hard to debug. Here's an alternative approach:
.container-box {
background: white;
padding: 35px;
border-radius: 10px;
box-shadow: 1px 9px 10px 3px #D8D8D8;
display: flex;
flex-direction: column;
}
I added the last two lines to .container-box
and you should add this line align-self: flex-end;
to .container-box img
;
I hope this was helpful 👨🏻💻 all in all, you did a great job with responsiveness, well done. Cheers 👾
Marked as helpful
0