I have several cards within a column made with Bootstrap 5: https://jsfiddle.net/fzxc1v69/ Currently each of the cards are aligned one below the other, but I don't want that. As you can see, my .section was made to only occupy the…
I'm working on a React project and I'm having trouble displaying data fetched from an API in my Movies component. The data is correctly logged in the console, but it doesn't show up on the page. I need some help…
I have an issue with overriding styles from external components in React. I have a basic component badge which has its own less styles but sometimes I need to apply some styles from an external component (see below). I have…
h1 { color: red; } header h1 { color: revert; } <body> <header> <h1>Title</h1> </header> <h1>Level-1 heading</h1> <p>Body text.</p> <h1>Level-1 heading</h1> <p>Body text.</p> </body> I want to make <h1> elements red, except the <h1> inside <header>. I can do it…
I am integrating various third-party web components, the major challenge I am getting is that if a parent or greater parent element is relative positioned and overflow hidden is applied on it, and it has an absolute positioned direct or…
i'm trying to make a registration page for my Django project. When i compile the registration form it gives me the error in the image because it tries to go to this path (he doubles users/register): localhost/users/register/users/register/. How can i…
My menu has 2 borders: the main vertical border on the right of the whole menu and the border (top, bottom, left) of the active item. The right border of the active item should be empty. The main border should…
i am not getting 200 , 203 response when page is loaded, Application developed in react. page is getting loaded properly but in network showing 404 error. Need help to fix this issue.
My typing animation changes position everytime the text length , how can i make it stay at one place and just do animation When ever the text to be typed by animtion get smaller it moves to center right and…
I'm trying to position an HTML <dialog> element at the bottom of a page and I want it to stretch across the entire viewport width. Here's the CSS I tried so far. #dia { padding: 0; border: 0; margin: auto…