I'm building a carousel inside a flex container which has flex-direction: column. I thought this would be trivial, and it probably is. I've built carousels by hand before but not in this exact circumstance. My problem is that the content…
I've been working on a complex animation for our company's website, but I'm encountering a jittering issue that I can't seem to resolve. The animation involves a combination of CSS transitions and JavaScript for controlling various interactive elements. When the…
I have this header that should take up the whole width of the screen. However, when I open inspect element in Google Chrome and shrink the width of the webpage, the header's background color does not cover the full header.…
I want to fix this div at the bottom of my webpage, here is my react code: It's written in tailwind css but you can answer in normal css too I've tried using bottom property but it didn't work <div…
I have now been scratching my head a long time as to how to make a sticky navbar on top of the content of the page. I have a webpage that contains a header, a main block, and a footer.…
I have a simple navigation bar, this is the HTML <body> <header> <nav class="menubar"> <ul class="menulist"> <li id="login" class="login"><a href="login.html">Login</a></li> <li id="settings" class="settings"><a href="settings.html">Settings</a></li> <li id="conf" class="conf"><a href="conf.html">Configuration</a></li> <li id="about" class="about"><a href="about.html">About</a></li> </ul> </nav> </header> </body> ul li { list-style:…
I have a client of mine that's using a marquee, I know, I know it's a depreciated tag and frankly shouldn't be used. This is a personal website of his, and he's been a client of mine for a while,…
newbie to html css. I want to make a fixed border outside the main content of the webpage.If i scroll... the border shouldnt move. Tried to give padding to the body,outside a wrapper but it doesnt stick to the content…
<div class="h-fit w-fit min-h-fit min-w-fit resize overflow-hidden bg-gray-200"> <div> Content goes here.</div> <div> Content goes here.</div> <div> Content goes here.</div> <div> Content goes here.</div> <div> Content goes here.</div> </div> The above is a minimal example tested in firefox and edge.…
I have div, inside I have some cards from daisyui. I want those cards to justify center on smaller screens(I have flexed it to column for smaller screens). <div className='container mx-auto lg:px-28 mt-0 h-auto sm:w-full'> <div className='md:shadow-[rgba(0,0,15,0.5)_10px_5px_4px_0px,rgba(0,0,15,0.5)_-10px_5px_4px_0px] mt-0 lg:pl-5 lg:pr-20…