Skip to content
Submitted about 2 years ago

Notifications Page using flexbox

Gr3g0ry99•120
@Gr3g0ry99
A solution to the Notifications page challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • fontainm•80
    @fontainm

    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

  • Mirali Abdullayev•240
    @Mirali44

    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.

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