Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
cabrinha98
10,616 Points"Docking" Divs together
Hey!
I´m currently working on a little project and came across a problem. Hopefully you guys can help me =)
I´m working an a navigation with rotated divs ...
http://fs1.directupload.net/images/150506/jh93ejpq.png
The dark grey boxes are contained in an rotated flex-box container ... the blue and the light-grey one are also flex-box-container. My problem is now ... that I want to "dock" the blue and light-grey one onto the other container ... so whenever the main-container is moving because of changing viewports the other ones are moving with it. Currently I positioned them with position: relative .... the problem is just ... it`s not really responsive-friendly ... I would need to have for every little pixel another media-query =P
So I´m looking for a solution how to get a responsive layout or an alternative positioning way. I could put them all in another flex-box-container .... but as I want to do it little more fancy and out of a grid Id really prefer to have an option for docking elements together ... so they are sticked together. Would be perfect, if they could perfectly between the left and right div around them. So there wouldnt be any white space. Container and Container pressed together.
I doubt that this is possible with css alone ... but as it`s design/position related I posted it in the css rubric.
Would appreciate some help =)
mfg