When I made a website design using HTML and CSS it was working for large screens but when it comes to media query to make it responsive for small screens and medium it showed a lot of white space and…
const hamburgerMenuBtn = document.getElementById("hamburger-menu-button"); hamburgerMenuBtn.addEventListener("click", function() { hamburgerPopupToggle() }); function hamburgerPopupToggle() { console.log("Button pressed"); const hamburgerMenuPopup = document.getElementById("hamburger-menu-popup"); if (hamburgerMenuPopup.style.display === "block") { hamburgerMenuPopup.style.display = "none"; console.log(hamburgerMenuPopup.style.display); } else { hamburgerMenuPopup.style.display = "block"; console.log(hamburgerMenuPopup.style.display); } } #hamburger-menu-popup { display: none;…
I am trying to add functionality to a button on a project I'm working on...when the button is pressed I want an element to no longer show on the page. However, I can't get this process to work. Here is…
I have a list of links that are horizontal on the homepage of my site. However, while making the site responsive once the screen gets too small, like for mobile devices I want to change it to where the links…
im trying to put pictures "cabinet", "wishlist" and "cart" like on picture.enter image description here the text has to be under the picture and the pictures should be inline. however im stuck with a problem, my pictures are one under…
test my code hai, i just jump to studying front-end recently. in this test, i wrote this code for landing page. unfortunally, my code doesn't seems work properly. i expect to my code run with column flex display but it…
I'm trying to achieve the next design, where the elements take all the available space before breaking into a new line and also keeping the text centered: Right now I'm using these styles in the container: display: flex; justify-content: center;…
I am trying to show a hidden div when hovering over part of a paragraph. There are two parts of paragraph that need a hover-effect with each its own div to show when hovered over. However, I am unable to…
So I have this code with a paragraph with keywords and text. I need to make the format so that the keywords appear next to other, the text starts where the keywords end and then the text also wraps around…
I have a working hamburger menu using CSS only. My issue is that I'd like the menu to fill the whole screen when it's open. At the moment when it's open everything in my page gets shown below the menu…