Submitted
Responsive Web3 News Hub Homepage using vanilla HTML and Tailwind CSS
@ThatHorseRep
Design comparison
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.
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");
});
What challenges did you encounter, and how did you overcome them?
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