I want a specific display depending on whether I have an image or not in a row bootstrap. I want when I have an image and text content, I can have in the same r
I am trying to turn the first two links of my navbar into dropdown menus. I want to make it so that when you click on them, the dropdown menu shows and the arro
I am working with HTML code in Virtual Studio Code I am trying to align an embedded map to the center, how can I do it? This is my HMTML code below <section
</div> <Divider type="vertical" style={{ width: "5px", height: "auto" , marginRight : '0px' , padding : '0 0'}} /> <div style={{ padding : '0 0'
There are some issues I'm having while using the react-xarrows with mui. I'm trying to achieve: The line should be connected in the same position after toggling
I'm trying to set a mobile view for my site. In this particular case i have to show two different forms according to the width of the page (under 400px it shows
I have a problem that I can't figure it out. I just started learning HTML, CSS, JS and BOOTSTRAP. My question is how can I center an entire DI
const links = Array.from(document.querySelectorAll("a")); const tabs = Array.from(document.querySelectorAll(".tabcontent")) const hideAll = () => tabs.f
i would like to find the way to position the logo images like it looks here enter image description here I couldn`t find a way to position multiple logo images,
I'm trying to make a out of '*' and I got the code right because it works in the console but when I try to print it in the html document it does not work functi
Why do some browser engines not calculate fractional pixels precisely? Based on what logic these final values (.094, .188, .297 etc) are calculated? Is there an
I've been working with tailwind in my Vue project and overall its really good, but its a bit annoying to always write sm:w-10 lg:w-10 2xl:w-30 (etc) for all of
I have an a.nav-link.active element I tried this way but it didn't work a.nav-link.active { background-color: rgb(0, 0, 0); } <a href="#" class="nav-l
enter image description here This is the problem I am using A React framework & component library for building web user interfaces at Volvo Cars and the eng
I have a mobile nav and I open it using this code in JS file: var toggleButton = document.querySelector(".toggle-button"); var mobileNav = document.querySel
I am building a website for me and I care about performance, speed, user experience and a lot more. When I started I didn't know much and I made an initial desi
This seems like a simple problem but I'm having a bit of trouble finding a solution. I have cards on my page and I simply want the image (in the img tag which i
In h:dataTable, set the width of the style of h:column, but it is invalid. The code is as follows: <h:dataTable rowClasses="column50" .column50 { max-width:
I have a Problem that my text is moving x-direction instead of 30deg. I need to move the text 30deg along. I use transform: rotate (30deg) and
i would like to ask how to scale down elements given absolute position so that they dont distort on reducing the screen size. Like i have attached an image belo