I just can figure out why the right button has not enough padding. <div class="col-span-2 flex gap-0.5 items-center justify-between"> <p>Wie möchten Sie ihre Antwort erhalten?</p> <div class="grid grid-cols-2 gap-1.5"> <div class="whitespace-nowrap rounded bg-black px-4 py-3 text-center leading-none text-white" > E-Mail…
I'm new to HTML & CSS. I have a div called frame inside the body of my webpage. Since the default position of frame is in the top left corner, when I change the width & height properties, frame extends…
I want the nav bar and header to just be at the top of the page but instead it stays on the screen as scrolling. Anytime i try to fix it it just sends the title to the side or…
I'm having a weird issue when trying to center an element that has aspect-ratio applied. I'd assume it would behave similarly to how centering an image works but I keep ending up with an element of 0px x 0px. https://codepen.io/richardcool/pen/xxeKOwp…
When I set the screen size to be small in Chrome dev tools or when I check my project on my phone, a blue square temporarily appears around the button when I click it. I have tried to set outline:…
I have a page built with Tailwind which is loading a table of data in the bottom left of the page. However, this is overflowing quite a lot and I'd ideally like it to size itself to the available space…
I try to make simple project with React .I have a TodoItem component. My expectation is to change the border color after the checkbox is checked. However, after checking the checkbox, my component doesn't change color. Am I doing something…
I have the following html structure. <div class="grandparent"> <div class="parent"> <div class="achild2">Child 2</div> <div class="achild2">Child 2</div> <div class="achild2">Child 2</div> <div class="achild2">Child 2</div> <div class="achild2">Child 2</div> <div class="achild2">Child 2</div> </div> <div class="achild1">Child 1</div> </div> .parent { display: grid; grid-template-columns: subgrid; grid-column:…
I was taking a FreeCodeCamp project for JavaScript where I had to make a roman numerical converter, but unfortunately I have a couple issues: Some CSS codes do not load such as margin colors and the background linear-gradient color. The…
I'm trying to get a CSS only repsponsive navbar working, I've set a breakpoint that displays a hamburger menu at 768px and below, I have the navbar working fine but when I try to add any content below the navbar…