Question on CSS Cascade algorithm
I was learning about css cascade algorithm and when trying it out in browser i saw a weird behaviour.
for any css property - an user agent stylesheet is specified as !important cannot be overriden by author style sheet. which is true and correct.
take this example : ...
Content is too tall compared to its parent and overflows
Hi everyone!
I have no idea how to solve this. If I make the viewport bigger, <main> tag which is the main container here becomes bigger too, and overflow stops as after a certain point <main> grows bigger then it's content (like it should) and content starts to grow accordingly (second picture is what happens when height is bigger).
It only happens after the screen becomes wider then 800px, which is my breakpoint for media query. ...
weird white gap on the bottom while scrolling down mobile
Hi! So I was wrapping up this screen when I started testing it on mobile. As you can see, when sliding down, this weird white gap appears as long as I hold on to the slide. When letting it go, it goes back to normal. This is how I have implemented the background:
```css
body {
background: linear-gradient(to bottom right, #12384c 0%, #161c24 60%);...
VS Code Issue with Absolute Path
What I am trying to achieve is to create absolute path aliases in webpack to simplify importing modules.
The code work as expected in Stackblitz web container
https://stackblitz.com/edit/stackblitz-webcontainer-api-starter-u9g2us?file=package.json,src%2FApp.jsx,webpack%2Fwebpack.common.js
...
How to get rid of this Favicon error, it's driving me insane, I cleared cache and everything.
This is just mind boggling of how stupid it is, I don't have anything related to my 3 line code to favicon and its giving me error all the time, so pissed off....
Layout struggle
Hi, i'm struggling to get this layout. My Grid is making two rows, even though i only set 1fr on row.
```scss
display: grid;
grid-template-columns: repeat(3, auto);...
recreate this layout challenge
Could someone tell me where I went wrong when trying to recreate this layout ?
Here is my solution: https://codepen.io/mikewill245/pen/JjwvEgM...
Quirky numbers in javascript
When I add 0.01 it instead adds something odd..
How can I solve this?...
Array issue (Unwanted changes to the array)
HI!
So I am setting the const change [] to be equal to cid []
After that I alter the const change so that the values return to 0
...
error message during watch in sass file
when my main.scss with import is being watched and I change + save the file that is being imported, I get this error message regularly (about 25 - 50% of the time):
`{
"status": 1,
"file": "C:/Users/Wessel/Desktop/test-folder/SCSS/main.scss",...
Animation Problem
Hello i have a problem i am trying to create animation like this one here for the case studies can someone help me iam using framer motion Next js typescript and styled components https://www.appart.agency/#workoffset . I will be really grateful ! here is the code of a single case studie for me for now ```tsx
export const CaseStudy = withVisualEditor<CaseStudyProps & MotionProps>(
({ partnerImg, title, categories, ctaLabel, ctaLink, studyImg, ...props }) => {
const controls = useAnimation();
const [scrolling, setScrolling] = useState(false);...
