Recommendation on the tailwind pattern to style this footer gracefully
Here is what I'm working with atm and its honestly just not looking very good.
I think the primary goals for this 'grid' is that I need the left sides of the RIGHT portion of the grid to be aligned, but I also need the menu in the LEFT side, vertically aligned in the center of the logo on the RIGHT side.
Any recommendations would be greatly appreciated ty guys
5 Replies
obvious I dont need all of the styling done for me.
I really just need help with getting the left side and the right side alignment correct.
I'd use a grid with some different self-alignment
Ahhh, the concept of self alignment is probably where I'm dropping the ball on my mental model
I'm about to crash but will try this first thing when I wake up! tysm
yeah that grid looks perfect because then on mobile, I can just stack the left side on top of the right side and center everything and call it a day
Yup! Exactly my thought too
And as always, mozillas page on box alignment is pretty darn good https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout
Box alignment in grid layout - CSS: Cascading Style Sheets | MDN
CSS Grid Layout implements the specification Box Alignment Level 3 which is the same standard flexbox uses for aligning items in its flex container. This specification details how alignment should work in all the different layout methods. Layout methods will conform to the specification where possible and implement individual behavior based on t...