AccessibleWebDev
AccessibleWebDev copied to clipboard
Enhance the UI of footer for the website
The footer of the website is not well designed , the github logo is too far left , other links are missing as well.
I would like to work on the footer section and make it better looking and responsive
Feel free to do a mock design before making any changes to the code so I can see the kind of improvements you'd like to make.
Sure on it!
@EmmaDawsonDev I can work on this if no one is working?
I am working on this @mud1tx , will PR soon
I would like to suggest this design for the footer.
- We will have 2 cols to group the links under the category. This will remain the same for small and large screen
- Copyright statement and social media links would be centre aligned below the links cols. This will stay the same for small and large screen
This design is responsive for small to large screens.
wyt @EmmaDawsonDev
I really like how you’ve categorised them into 2 columns. I think this will work great on larger screens but it may need to become 1 column on mobile (the Contribute section could go under the About us section) so that it’s not too cramped.
I really like how you’ve categorised them into 2 columns. I think this will work great on larger screens but it may need to become 1 column on mobile (the Contribute section could go under the About Us section) so that it’s not too cramped.
If we change the font size for mobile to 12px. This is how 2-cols will look
I think it looks to cluttered and I'd rather not go below a minimum font size of 0.875rem. I would rather go with one column only on mobile.
@EmmaDawsonDev how about this, Yes details should be changed.
@EmmaDawsonDev how about this, Yes details should be changed.
How does it look on mobile?
Not Designed yet. but here is some overview :