Fylo-data-storage-component-using-ScSS

Please log in to post a comment
Log in with GitHubCommunity feedback
- @Blackpachamame
Greetings! you have done a great job 😎
I want to make some suggestions to you:
- In your
storage-systems
you can place yourimg
in containers, to these you give the same values that you placed to the images and some more. This will prevent the images from stretching:
HTML 💀
<div class="storage-systems"> <div class="container-img"> <img src="./images/icon-document.svg" alt=""> </div> <div class="container-img"> <img src="./images/icon-folder.svg" alt=""> </div> <div class="container-img"> <img src="./images/icon-upload.svg" alt=""> </div> </div>
CSS 🎨
.container-img { background: hsl(229, 57%, 11%); width: 44px; height: 44px; border-radius: 8px; cursor: pointer; display: flex; align-items: center; justify-content: center; }
- I don't understand the
min-height: 700px
in thebody
for@media (min-width: 600px)
. What do you achieve with this? - The slider always looks blue, it should take on another color
The rest looks good, well done!
Marked as helpful - In your
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord