hi everyone i am trying to make a web page look like my canva design below but i got the second image beneath that as my result. My Canva design My result My current HTML code for the design is…
I have this unique problem with html tables. What I hope to achieve: a table within a container surrounded by padding but scrollable horizontally and vertically What I have done created a table that is vertically scrollable, with frozen row…
I have a flex container in which I want to have another flex container which scrolls content when it is too large to fit the screen. This is what I have so far: <Box sx={{ m: 'var(--Content-margin)', p: 'var(--Content-padding)', width:…
I am trying to create a layout where I have a big image on the left side and four smaller images arranged in a grid on the right side. The overall container should have skewed edges, as shown in the…
I'm trying to create an arch-shaped shadow effect for an image in my React project using Tailwind CSS. My goal is to have the top part of the image covered by a semi-transparent arch-shaped shadow, similar to the attached example…
I'm currently creating a signature email with html and inline css. But I don't know how to force devices with dark mode to respect the colors that I set. And I didn't find at the internet how to solve this…
Really simple. How can I offset where the top and bottom of my scroll bar lie? It currently isn't playing nicely with the beveled corners. Here's what it looks like right now. I'm hoping it's a simple resize thing but…
In the navbar, I have a cart button that is supposed to toggle open when it is clicked on and close when the close button is clicked on. For some reason, it isn't working. I created an .active class in…
I am working on Project Landing Page of freecodecamp site. Following is my code * { box-sizing: border-box; margin: 0; } body { background-color: #eee; font-family: 'Lato', sans-serif; border: 1px solid black; } main { width: 80%; margin: auto; padding-top:…
I want the first item in a list in my navigation to stay underlined, and the rest to underline on hover, with the first item only not underlining until I hover on another list item. I have already tried the…