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

Notifications Page using flexbox

Gr3g0ry99 120

@Gr3g0ry99

Desktop design screenshot for the Notifications page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Why didn't Anna like the Chess club :(

The chess image was really bugging me, just could not get it to float right for the life of me, tried using float, justify self, justify-content with the container but wasn't having it. I added a margin but messed it up for mobile display so left it how it is. Any help with that is appreciated

Community feedback

fontainm 80

@fontainm

Posted

I used margin-left: auto on the chess image to solve it. The parent just needs to be display: flex.

You can inspect my solution if you want

0

@Mirali44

Posted

Helllo ! I had had the same problem while creating this project.In the end,float:left worked. If you want,you can check the code of this issue in my profile.

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