KPC
Kevin Powell - Community•5w ago
CDL

Grid layout to cover spacing with Header/Footer/Content

This is my attempt with a very basic layout... I have a flex version which I think is ok, but this is how I've managed the grid version.. https://codepen.io/Laing91/pen/dyEzGLo I realized the elements were stacking without flexbox, so I've flexed the child elements of the grid container so that they default to row and can be spaced out etc.. flex version if interested: https://codepen.io/Laing91/pen/WNWvagz
Callum
CodePen
Header/Content/Footer spacing CSS Flexbox
...
2 Replies
CDL
CDL•5w ago
@Rägnar O'ock alright mr. potato, show me the damn template 😎
Rägnar O'ock
Rägnar O'ock•5w ago
one could use a grid to have the elements all lined up vertically... but that would be dumb. you can do this tho https://codepen.io/ragnar_ock/pen/VwOzaLa
Rägnar O'ock
CodePen
Header/Content/Footer spacing in CSS Grid
...
Want results from more Discord servers?
Add your server
More Posts
Flex layout issuehumans help! I have a layout issue where in this layout divs id3,5 break out of parent div (they areQuick git questionI have the following merge request (see image). The commits with green lines next to them are alreaWrap grid columns with grid areaSee the below JSFiddle, I would like to have the items inside the grid container stack on top of eacProjectswhat projects can I complete to make a portfolio in 2 weeksposition absolute on flex , gridHi for the grid and flex elements is it okay recommended to use position absolute on the parent if Best practice to use a modal/ dialogue for a mobile side menu?If you're building a mobile side menu that pops in and out is it best practice to use just a div/nav