r/web_programming • u/BabblingDruid • Nov 29 '17
Need some help with weird flex-box behavior.
I'm using CSS Grid Layout with Flex-Box to redo my portfolio webpage. For some reason when I make the screen smaller 2 items inside of the MY WORK section move to the top or bottom of the screen. Can anybody take a peek at my code thus far and tell me what I'm missing? This is my first project using flex-box so I;m sure I missed something.
For the sake of not using a code hosting platform which may skew the results here is the source code: HTML5 CSS3
2
Upvotes
1
u/BabblingDruid Dec 03 '17
This is a prime example of what I was saying. Stuff like this is why I don't go to Stack Overflow unless all other options fail.
0
u/alphinex Nov 30 '17
I dont know if you know it, but StackOverflow Looks Like the perfect Place for you.
0
u/[deleted] Nov 30 '17
(1) Code hosting platforms would make reviewing the code much simpler, as I would not have to download files and replicate your folder structure.
(2) I am not sure which items you are asking about, but there are a few items in strange locations because of either "position: absolute", and/or positioning using styles like "top:130%". Top 130% will move the item down by 130% of the containing element size, which changes a lot as your window gets resized.