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

Manage landing page | HTML SCSS and JS with slick slider plugin

Connor Z 5,115

@zuolizhu

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


Feedbacks are super welcome!

The slick slider will generate the id attribute with an empty value, which caused the HTML validation issues. I walked through the documentation and haven't found a way to remove the generated id attributes yet. Anyone know how to deal with it?

Thanks a lot!

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Nice work on this challenge, Connor. Pretty much pixel-perfect, again! 🙌

That's an annoying issue with the empty IDs. Perhaps you could find all elements with an empty ID attribute after they're created and then remove the whole attribute? Not sure that would remove the validations errors though. Some libraries and frameworks cause validations issues but they're often not a major issue. This wouldn't be causing any accessibility issues or anything. It's just a little frustrating!

Just a quick heads up that on mobile there seems to be a large gap at the top of the screen before you see any content.

Keep up the awesome work 👍

1
Chio 210

@silfrido-lab

Posted

Excellent work. You have a very good eye. Congratulations!😁

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