Submitted about 1 month ago
Responsive Web3 News Hub Homepage using vanilla HTML and Tailwind CSS
@ThatHorseRep
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I'm especially proud of this js script I wrote, there's probably better ways to execute the onclick function for the hamburger menu but I'm proud mine works.
What challenges did you encounter, and how did you overcome them?const burgerBtn = document.querySelector("#burger"); const menuBar = document.querySelector("#menu"); const closeBtn = document.querySelector("#close"); burger.addEventListener("click", () => { menuBar.classList.add("flex"); menuBar.classList.remove("hidden"); }); closeBtn.addEventListener("click", () => { menuBar.classList.add("hidden"); menuBar.classList.remove("flex"); });
So this is the first project I'm attempting with Tailwind CSS. I was unable to use custom colors with the Play CDN method but through series of NetNinja's YouTube videos, I eventually got the hang of using the Tailwind CLI.
What specific areas of your project would you like help with?If only I could lay my hands on some free but expository JavaScript Tutorials, I believe it would greatly improve my skills and the quality of my codes.
Community feedback
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