im getting DOMException: Failed to load because no supported source was found in audio.play(). im getting his issue on audioElement.src = 'songs/${index+1}.mp
I have inherited this project from someone else and I would not have set it up like this in the first place, but I have this component list-item-component: <
I have an MUI grid setup with a variable number of columns. Currently, if the user selects a long string for the Select box, the Select grows, increasing the si
I’m building my portfolio and it has a theme as if it's been drawn on paper. When you hover over a link on my navbar, the SVG animates from underneath, it
I would like to use a CSS selector to select a specific child TAG but only if parent has no other children or text. In this specific case the <a> tag that
I'm trying to make the words always occupy 90% of the space of a box, but the problem arises when I don't know the size of these words, as they will be written
this the picture Hello can anyone help me to do this so i should make this by using css when mouse close to div, the picture will change to mouse direction i ca
Below mentioned code works fine if the scrollbar is visible. But it stops working once i use ::-webkit-scrollbar {display: none;} and -ms-overflow-style: none;
If I use a universal selector in conjunction with tailwind, not all the elements resort to default. I want everything to default to Impact (in case tailwind doe
I am trying to set the background color of the :root css property in my html file based off a hash in the url. The attached code works, but the hash doesn't per
I am learning HTML ,CSS & JS, and I am stuck here. I want to align the checkbox and label to the center of the page and no matter what I t
I don't understand why the div is overlapping. I want my div to be exact I as I click next or back pages. Here is my code <style> * {
I'm starting to look into Alpine.js and trying to understand how it works. I have some html with one button to flip the background-color in two other buttons, b
I see them use this on their TextField page for having TextFields align correctly as the page gets smaller. What exactly does this css do? sx={{'& > :not
I want divide my HTML Page into 4 different vertical sections . I want each section to have a different background color, for that I used div but it each backg
I'm trying to target an element in the the DOM that has already been returned, and rendered, by another component; I was hoping to use a getElementById() call,
I have a flex-container with three items and the flex-direction set to row. I put different sizes for each of the three boxes so that they're in an ascending o
I am getting into hugo, but am not sure how to go about creating a hugo site with tabs that are around a central image. As follows: What i can not figure out i
Here you will see the start of the NotesFromCoachesForWrestlers component circled The problem is When the notes on the component on the left increase the comp
I'm trying to do what I thought was a fairly standard sort of full-screen layout using flexbox, but it's not behaving the way I want. My goals are: Auto sizing