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

Responsive Manage landing page using SASS and jquery

Amaefula Joelā€¢ 440

@Amaefula-Joel

Desktop design screenshot for the Manage landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


i focused on breaking my css code into bits to help me prepare for a larger project, please give me advise on how i can improve

Community feedback

Elaineā€¢ 11,400

@elaineleung

Posted

Hi Amaefula Joel, great job here, this was very well done! The site looks great on mobile and desktop views, and things look fairly clean and orderly. It's a good thing that you built this in sections, as that would allow you to focus on each part well.

In general I'd probably give the sections a bit more top and bottom padding, as you can see in the design. The slider was also an interesting element here; if I hadn't seen Kevin Powell's tutorial, I probably would not know this is a slider. Anyway, I think in a real life project you may want to look into how to make an accessible slider instead (as in, one that can be used with the tab key) because it's often considered not a good idea to have an auto scroll slider for screen reader users.

Awesome job on the whole! šŸ˜Š

Marked as helpful

0

Amaefula Joelā€¢ 440

@Amaefula-Joel

Posted

@elaineleung thanks a lot. I know how to make a simple slider, but making a slider that would slide on swipe has been a challenge. I'll try to look up Kevin Powell's tutorial, but on what platform is the tutorial?

1

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