I used flexbox to arrange the various components
Design comparison
Solution retrospective
I still have issues aligning the footer. I don't know if flexbox will do the job although that's what I used or maybe css grid will be better.
You'r inputs will be highly appreciated as I have spent less than a month coding.
Thanks
Community feedback
- @grace-snowPosted almost 4 years ago
Hey,
Well done on this, some really nice work. And very impressive for 1 month into your coding!! π π
There's a few things already covered in your report - try to fix those.
If you want to add some polish and make yours match the design more closely
- add the bg image to the page with css
- add shadows to your buttons like in the design (I think their shadows use a hue from the button color for the shadow?)
- add focus and hover states to buttons
I'd also use the html
section
element to wrap some of those sections of content and aheader
for the headerWith the footer, I would use flexbox too for the overall footer layout. βΊ You can probably keep the main list of links in one <ul> though, and use column properties in css to split it into the 3 columns at desktop size.
Good work, keep learning, keep coding
0@enigmirePosted almost 4 years agoThank you Grace. I really appreciate your input. I will effect the changes and move to the next challenge βΊοΈ
1
Please log in to post a comment
Log in with GitHubJoin 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