Weird space below my page
Hi everyone! For some reason, I have a weird empty space below my page, and I can't figure out where is it coming from. It's definitely not some rogue margin or padding. Even the whole html component won't stretch all the way to the bottom. How can I fix it? I use React with TailwindCSS. Here is a screenshot of how it looks like.
I want to toggle between dark and light mode, and this white stripe remains white no matter what I do. It goes away if I just change the color on <body>, but I don't think it's possible in React....
Border not taking Radius
How can I make it look like the attached design?
```html
<tr bgcolor="#f5f5f5"><td align="center"><table align="center" border="0" cellspacing="0" cellpadding="0" role="presentation"><tr>
<td class="cta" align="center" style="border-radius:45px; border:5px solid #000002; background:#d62828; padding:15px 75px; font-family:'Roboto',Helvetica,Arial,sans-serif; font-size:16px; line-height:24px; color:#ffffff; font-weight:700; ">
<a href="https://www.google.com" target="_blank" style="color:#ffffff; text-decoration:none; display:block; ">...
how to highlight menu on submenu clicked
Hi all, i have a <p> tag which is the menu and <li>s as submenus.
How i can target via Javascript the upper <p> element when li is clicked?
```<ul class="sub-menu " id="products">
<p class="submenu_header">
<i class="fa fa-book fa-lg"></i> 1st Year...
Seeking help regarding tricky image gallery layout
Hello everyone. I'm working on a project where a designer gave me a very specific image gallery for which I don't find any suitable CSS solutions. I thought about many ways of solving it but I don't find a respectable solution.
So my hope is this nice community, for which I reach out with the mentioned problem.
The image gallery is a two column somehow masonry design, which always has the 2/3 proportions. It will contain images with different proportions and will sometimes also have quotes embedded (which will take up more space then the image in this column.)....
Side Navigation or Menu creation
Hi guys, i want to know how i can do like this side menu?
if anyone have any clue, idea or code for this kind of side menu please share it,
Many thanks❤️...
layout shifting with grid template columns
Hello guys! I'm working on a project on react and got confused today, how the child of grid container can inherit it's display value and works at the same time with flex?
This section has a pretty simple layout, one container and several child components. If I set grid template columns property to 1fr it's breaks as on the screen, but if I change it to 100% it works and start containing everything to 100% of the container width. How is it working like this?
PS if I uncheck display grid property from bottom box, it's start working as well...
How to have an element sized relative to its grandparent *and* be able to move it?
Hello!
So I'm trying to create an image slider that has 'x' number of visible slides on the screen (see the attached image). The slider itself is then moved across the screen.
The html structure goes like this:...
