grid
How can we target the main-grid container grid lines for the grid item placed inside another grid container.(scale upwards)
Setting radial bg but the radial parts are stretching with the page height. Don't want that
I used this website to generate a background with little growing blobs on the edges but as I add content to the website the blobs get stretched. I want the glowing blobs to mainain their shape. Image 1 is how it was generated and image 2 is after I add content to the page.
```css
.radial-bg {
background-size: 100% 100%;
background-position:...
Align Images right in a subgrid
I have a subgrid with a collection of images, I'm trying to right align them in the grid. I've tried grid-column-start: -1, align, justify, nothing seems to work, what am i doing wrong? any help would be great! Thanks
<div class="project-content">
<div class="project-copy">...
css
I am trying to create this banner. The image has this weird shape. I tried to play with border-radius property but not working properly. What should I try ? Any suggestion would be helpful. I am trying to achieve with CSS only.
Thank you !...
Configuring Tailwind File
I want to know what's the approach to add custom properties for the "font sizes" and "line height" of h1 , h2, p that changes different breakpoints of small and desktop screen sizes
I found this but I don't know if is the most convenient form to do it:
```
tailwind.config.js:
theme: {...
Lagging scroll on mobile devices
Okay mates, been a while since I've been active here, but this issue had me trying for so long I need a set of fresh eyes.
Issue is this website I am working on https://treungen.netlify.app/ has a good experience on desktop. the animations are smooth and so is the scrolling behaviour.
On mobile it's not the same. probably cause of it's lack of perfomance from a computer. so I had attempts where I have no animations at all to check the result. but still the performance was just as poor.
More over I checked all assets used if their file size may be to large and that caused it. maybe they do but all images are less than 200kb, so I do not think it is the reason either....
Keep absolute positioned item in the same place regardless of the screen size
Hello,
I am working on waldo style app. When user finds a character i want to display a checkmark in that position. Currently, i am using offsetX and offsetY of the image to display checkmark. However the problem i am encoutering is that when you resize the screen checkmar's position gets all messed up because i am using fixed units. Is there a way to make sure that checkmark element always stays in the same position regardless of the screen size?...
