I'm trying to adjust the filter dropdowns within the flexbox container. But for some reason the first two columns in the first row always are shifted. It's driving me crazy. I also tried using gap instead of margin, but for…
I try to draw border-radius on certain rows. The structure is as follow: <tr>row with border-top-radius</tr> <tr>normal row with some tds</tr> <tr>normal row with some tds</tr> <tr>normal row with some tds</tr> <tr>row with border-bottom-radius</tr> This block repeated with arbitrary number…
I am not getting how to float the second division to the upper right corner of the main division. html { width: 100%; height:100%; } body { width: 100%; height: 100%; font-family: 'Noto Sans', sans-serif; background-color: #1b1b1b; } .container {…
The first child div is a sidebar and the second a table: <div class="flex w-full flex-col items-start justify-start gap-6 md:flex-row"> <div class="flex w-full flex-col items-start justify-start gap-2 md:w-auto"> <!-- Sidebar (md:max-w-64) --> </div> </div> <div class="flex w-full flex-col items-start justify-start…
I'm trying to wrap my title at the top of my webpage with a border. But, whenever I do, the text and the border around it shift all the way to the left of the webpage. I'm trying to do…
I have css like this below, background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20d%3D%22M23.7%2020.8%2019%2016.1c-.2-.2-.5-.3-.8-.3h-.8c1.3-1.7%202-3.7%202-6C19.5%204.4%2015.1%200%209.7%200S0%204.4%200%209.7s4.4%209.7%209.7%209.7c2.3%200%204.3-.8%206-2v.8c0%20.3.1.6.3.8l4.7%204.7c.4.4%201.2.4%201.6%200l1.3-1.3c.5-.5.5-1.2.1-1.6zm-14-5.1c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.6%206-6%206z%22%20fill%3D%22%23767d83%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E'); It shows the magnifying glass icon. Now I want to change this icon to home button. I can find the icon on fontawesome page and get the link <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0…
I'm trying to set the width of the striped area in my drawing below, so that it falls within the bounds of the site content. The width of the content is 80%, with a maximum width of 1080px, and centered…
I have the following HTML and CSS .container { display: flex; width: 100%; height: 300px; } .left, .right { width: 50%; height: 200px; } .left { background-color: #4CAF50; clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); shape-outside: polygon(0 0,…
The issue is, I can't figure out how to make the top and bottom padding work so that the scrollable content won't touch the top and bottom borders when scrolling. I've tried several methods I can think of, such as…
I am using CSP on my website to keeps things locked down as much as possible. I have an HTML editor on the website, and I wanted to allow users to choose text colors from a color picker. This involves…