Grid/Flex positioning - Image Grid?
It's basically there, but for some reason I have a lot of space on the right, but no space on the left?
```js
<template>
<div class="shopImages">...
Profile Picture Upload semicircle Input
https://codepen.io/ahmd_shajmeer/pen/GgRprYM
I was trying to achieve the design from the image for user profile upload input , but the upload-btn is not getting the semicircle shape that matches with profile container radius....
How do you see this can be implemented
for me i see a grid but too much seperators and other stuff, idk if it's only doeable in grid or not
🫨 Fix my crazy blur lags | Advanced
You guys know i love CSS only stuff,
this time i wanted to focus on scroll animations, i want to recreate an image i found online and make it interactive
The problem is, blur :D given the bubble gets rescaled during the animation quite heavily, it feels like it's trying to rerender the blurred segments every frame that makes it do crazy lags.
https://codepen.io/Cubiq/pen/VworQqO?editors=0100...
border ui issue
Do anyone know why the border edge curve have some like black pixel I don't know how to explain it , look at that image I marked..
Is it normal or my laptop has issues ?
I use border:1px solid black; ...
Slider activation causing sudden vertical scroll
So, I have this slider where everytime I click the slider-nav to change images, the viewport top automatically aligns with the product-slider-wrapper top. Basically, causes an abrupt vertical scroll to align their tops everytime you scroll between images with a click.
The image with the front view of the glasses is what happens after I click one of the slider-nav links.
What I've already tried to solve it, but failed:...
Subgrid for Masonry Layout? (Puzzle Pieces on a Grid)
Hello everyone,
I am working on a math game in React where I'll have puzzle pieces that can be dragged onto a board with a grid. There is an intial container where the puzzle pieces start and I'm trying to make that layout also be a grid so the pieces can start already aligned to the grid even before they're picked up. For context, here's the game frectangles.netlify.app. Right now the left side of the screen where the pieces start is laid out with flexbox. I'm trying to change it to a grid where
- There is a gap of 1 unit between each piece wherever possible
- The pieces are densely packed together (I don't care about the order of them)...
autofill input field bg Color change
In html input field when I starts typing and it gives some autocomplete suggestions of previous used values and when I click that , the input box bg Color change
Like in the image I provided , normally the input box bg is Color is transparent
After I select or hover , it changes the bg Color to white...
