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

with bootstrap

mkmrcodes 130

@mkmrcodes

Desktop design screenshot for the Project tracking intro component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


At mobile view, toggler seems working but nav menu doesnt appear. I copied all code to codeply.com. And it is working there. I tried but couldnt solve.

Community feedback

argel omnes 1,800

@argelomnes

Posted

hey M,

Try repositioning bootstrap.min.js script to the last line so that jquery comes first. I haven't used bootstrap but it seems the order of scripts is important.

0
P
Matt Studdert 13,611

@mattstuddert

Posted

Hey! Not sure exactly why it's not appearing, as I haven't used Bootstrap in a long time, but there seems to be a JS error in the console, which would be worth checking out.

Also, just a heads up that I'd recommend not uppercasing your text in the HTML if you expect screen reader software to read out the whole word. Uppercasing text in your HTML makes them read out the word letter-by-letter. Instead, I'd lowercase in your HTML and then add text-transform: uppercase; in your CSS to match the design.

0

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