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

Practicing more BEM principles^

Raymart Pamplonaβ€’ 16,140

@pikapikamart

Desktop design screenshot for the Fylo data storage component coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I like to hear your suggestions about it. I kinda feel not great about this challenge of mine so any tips would be nice^

Community feedback

P
ApplePieGiraffeβ€’ 30,565

@ApplePieGiraffe

Posted

Hello there, Raymart Pamplona! πŸ‘‹

Don't worry, I think you've done a good job on this challenge! πŸ˜€ Your solution looks great and I really like that you added a hover state to the options in the box to the left (that's something many submissions of this challenge seem to miss). πŸ˜†

I just think making the background of the attribution the same color as the background of the page (i.e., dark blue instead of white) would make your solution look nicer.

Also, you can make div.cover a direct child of the body and avoid having an extra container, if you'd like (and that way, the background will fill up the entire area of the screenβ€”even on larger screens). πŸ˜‰

Keep coding (and happy coding, too)! 😁

1

Raymart Pamplonaβ€’ 16,140

@pikapikamart

Posted

@ApplePieGiraffe Hahaha also I when I see this challenge being submitted, I try to hover fast the icons and expecting something to pop up right. That div.cover oh yes, that is something that I feel bad about since like what you said, I can avoid extra container but the thing is that I don't really like to put up many things in the body tag and that's why I created the container. But still could have been avoid yeah. Thank you for the feedback really appreciated it and Imma refactor it so that the bottom will be colored as well^^

0
Akshay Meshramβ€’ 390

@akshay63

Posted

Hey, @Raymart Pamplona! Apart from some minor changes that APG mentioned, your solution is looking great. It's my current challenge and in 1-2 hours I'll submit it. Great work!πŸ‘πŸ˜Ž

0

Raymart Pamplonaβ€’ 16,140

@pikapikamart

Posted

@akshay63 Goodluck with the challenge and thank you as well^

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