My nested flexboxes aren't working :((
front-endHello everyone!
I'm currently working on creating a relatively simple (I think) portfolio website using Wordpress and customising the underscores starter theme. I'm on the Firefox DevTools, and when I make a change there, it works exactly as I would like it to, but the moment I go into VS Code and try to change it from there by putting the exact same lines of code in the right places, it doesn't give me the same result at all. I'm not sure if I'm doing something wrong :/
The first image is what I'm getting when I use VS Code (parent container is display: flex and gap: 1em, and the children both have flex: 1 in order to get the two equal columns). However, if I do the exact same thing on DevTools at the same heirarchies for the same exact divs, it works exactly as I want it to.
What am I doing wrong?
I'm currently working on creating a relatively simple (I think) portfolio website using Wordpress and customising the underscores starter theme. I'm on the Firefox DevTools, and when I make a change there, it works exactly as I would like it to, but the moment I go into VS Code and try to change it from there by putting the exact same lines of code in the right places, it doesn't give me the same result at all. I'm not sure if I'm doing something wrong :/
The first image is what I'm getting when I use VS Code (parent container is display: flex and gap: 1em, and the children both have flex: 1 in order to get the two equal columns). However, if I do the exact same thing on DevTools at the same heirarchies for the same exact divs, it works exactly as I want it to.
What am I doing wrong?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
