I know the design is not exactly as the challenge requested but this design looks better for me. It was also easier for me to complete this challenge using CSS Grid compared to using the flex method. However, I would like some feedback regarding the flex method, as I do not fully understand it and maybe someone can assist me in how the flex method would make it easier to do this challenge.
iMervinC
@iMervinCAll comments
- @LuandbSubmitted almost 4 years ago@iMervinCPosted almost 4 years ago
Try this website on mastering flexbox. It's pretty fun too.
https://flexboxzombies.com/p/flexbox-zombies
1 - @Ankita297Submitted almost 4 years ago
give your comments
@iMervinCPosted almost 4 years agoLooks good!
I think bootstrap kinda held you back here. Keep practicing pure css so you can follow the design a little bit closer.
1 - @hernandoagfSubmitted almost 4 years ago
Hi guys, please feel free to rate my solution
@iMervinCPosted almost 4 years agoThis is perfect!
One thing I would change. Is to constrain your containers width to 1152 px so it would still look good on wider screens
1 - @martam90Submitted almost 4 years ago
Hi, Could you please have a look on BEM I used in the challenge? Does the name of the classes make sense? This is my 3rd project with BEM... Is there any other method how to code a rounded item inside the toggle button? I create <div> inside <button> How can I move the content to the middle of the page without cutting the top grey background on right and left side?
I would appreciate any feedback from you.
Thank you and Happy Christmas for all of you :)
@iMervinCPosted almost 4 years agoGreat job! Looks great!
To center your content just add
{margin: 0 auto}
to your wrapper and apply the background color to the body.Add check this out too. Might help with your toggle. (https://codepen.io/designcourse/pen/OGVZjr)
1 - @inanocsSubmitted almost 4 years ago
Any feedback will be appreciated