I need to implement different styles for one type of element in my project's page. But I am not able to have more than one fully functional styling. In this example I have my PartPage.razor with its PartPage.razor.css. and I…
So to breakdown what I am trying to achieve: I want all the cards inside of a container to be blurred besides the very first card, until you actually hover on the next card in the container to which it…
I'm trying to write a segment that will change that background color of my each time I click the button. So far, it only works after the first click and then I need to refresh, and then it works again…
I want to put the comment's text underneath the user image like this layout: What should I do to get the required output like the image? the comment's text should start underneath the user image , my output is showing…
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;…
After a couple hours of debugging my code, i tried removing the comment and the background-color suddenly was shown. .announcement-bar1 { background-color: blue; width: 100%; height: 100px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .announcement-text1 { display: flex;…
I am currently working on project #6 of the Odin Project and having some minor problems. I am trying to get my project as close to https://cdn.statically.io/gh/TheOdinProject/curriculum/5f37d43908ef92499e95a9b90fc3cc291a95014c/html_css/project-sign-up-form/sign-up-form.png that^ as possible within reason. So I am currently trying to set the…
Please Visit the following page, https://tutorlinkin.com/tutoringJobs you will see that between the submission form and the boxez of students records, there is a large vertical spacing. And as the number of records are increasing the vertical spacing is being increased.…
When using tailwind (example, setting height as per documentation here - DOCS), we have predefined values as such h-40 height: 10rem; /* 160px */ h-44 height: 11rem; /* 176px */ but the in between values in the range of 160px…
If you shorten the width of the window or check on mobile, there is a horizontal scroll, breaking the layout. Live Link I believe most probably navigation is causing this, but no clue how. Tried everything from setting width/max-width to…