Bootstrap Grid Doubt
had to make this, so i'm trying to make this responsive layout with bootstrap grid, the green box in medium and large screen should extend as you might already have guessed. But i'm unable to just using the concepts of grid in bootstrap. I do know how to do this with css grid template area and css flexbox but is there a way to do this with bootstrap grids only ?
Little idea to start this?
Hello everyone, I am a beginner as a junior dev, here I have a design that I would like to make, I would like a part to have a form of folder and currently I have tried several ways on codepen but none It's effective and I admit that this design is giving me a hard time. Do you have any idea where I could start? A big thank you to you.
Why does the content in the div change the vertical position of the div?
I want to make a grid divided into 4 squares each of which can have different content. (I'm not using grid or flexbox as an experiment.) When the boxes in a row have the same content, it displays fine (the 1st image).
When the boxes have different content (for example, one has a heading and one has a paragraph) they become vertically misaligned (the 2nd image).
I've attached the css and html....
It is better to use FlexBox or Position for this layout?
I am trying to figure out what is the "right" mthod to use to create a certain layout. I attached a picture of what the desktop look for the layout would be. Basicly a sticky header, two columns but the right column has a footer under it. When it converts the mobile version the sticky header stays, the side bar gets hidden until a hambergure menu icon is clicked then it will slide out, the main content and footer will take up the whole width as normal.
Obviously the sticky header needs to be position call but would it be better to use a flexbox for the reset of the segmenting or should I do position calls? Thanks!...
