Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

pettik - Fylo data storage component

pettikβ€’ 580

@pettik

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Lucas πŸ‘Ύβ€’ 104,420

@correlucas

Posted

πŸ‘ΎHello Pettik, congratulations for your new solution!

πŸŽ‰ Nice solution and nice code! I can see that you paid a lot of attention to your code/design. If you don’t mind I’ve some tips for you:

You can create a media query to make the icons after 320px stop to scale down and make them goes to different rows and fit better the container.

@media (max-width: 320px) {
.left--boxes ul {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}
}

✌️ I hope this helps you and happy coding!

Marked as helpful

1

pettikβ€’ 580

@pettik

Posted

@correlucas Hi Lucas πŸ‘‹, thank you for checking my code so detailed. I always appreciate your time and your advices πŸ‘πŸ˜Š

0

Please log in to post a comment

Log in with GitHub
Discord logo

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