Problem with responsive navbar
I having this issue where when I open my website on a phone (second picture), the navbar doesnt fit, the hamburger menu is way in the right (third picture). But when I scale my window down to phone size on pc (first picture), every thing works, the about me and other A tags go into a menu. Any idea why that might be?
Responsive `clip-path` units?
I've got a card that looks like this. The bottom right corner "carve-out" is accomplished with a
clip-path: path(..). The button inside the carve-out space is sized with rem units, and I'm wondering if there's a way to make the path(..) responsive to font-size as well. Currently stuff like l 96,0 refers to 96 pixels.
Tabs component of MUI breaks the UI when I resize the window
Hi guys, I'm using Tabs component of MUI. When I resize the window, it places out of the parent container. I want it only place inside the parent container. How can I fix it?
How to split a div into even sections?
I have these sections defined in my
main element that's set as a grid. I want to be able to split the sections into columns that I can assign individual images to. For instance as shown in the second image.
The other two sections would be handled the same way. Since there's only 3 items in the first section, I'd like it to be split into 3 columns, but in the other two sections where there's 8 items, I'd like it to be split into 2 rows of 4 columns. Is this something that'd be easy to achieve with flexbox? I can provide code if needed....
scale animation on an image
How do I apply a css scale animation on this image without getting out of boundary like touching the div outside it. When I scale it, it gets out of the div inside it.
Layout Issue
The issue is with this second layout when i try to change the screens he goes like this
https://codepen.io/Anes039/pen/MWMaXJb...
pre tag & position absolute issue
Hey, i have two questions regarding a code block design i'm making.
1. Regarding the
pre tag, I'm aware that you have to un-indent everything within it so extra space isn't presented on the page however i still get space above and below my text even when i do this, why is this? (see image 1)
2. i'm using position absolute (i've tried margin-left: auto; without position absolute too and it provides the same problem), to push the language name to the top right of the div however when the screen is too small to fit the text and my horizontal scrolling on the div kicks in, when you scroll the element doesn't follow to the new top right, how would i make it do this? (see image 2)...
Column wrap (clipping) using masonry
Just trying to figure out how to prevent object clipping. The column is breaking mid-component and splitting onto the next column ( see top of column 2 - it's a continuation of the bottom of column 1).. I'm sure there's something simple to change this. I'll put together a codepen if needed... (Using tailwind of course)
```
// parent component
{/* Reviews */}...
