SCSS 7-1 Pattern: Issues w/ User Agent Overrides, Circular Dependencies, & PurgeCSS Remov Normalize
Hello everyone!
I’m working on an SCSS project using the 7-1 pattern, and I’ve run into a few issues that I’d love some help with. I’ll try to keep it concise, but I’ve included details and links to make it easier to understand.
1. User Agent Stylesheet Overriding My Resets
For some reason, the user agent stylesheet is overriding my resets (like margin) and body styles (e.g., font-size, etc.)....
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:...
