Having issues recreating a list format

so, I'm new to front end development 😄 and I was trying my hand at recreating a site with some of the knowledge I have now. I'm kinda stuck on how to align this list beside each other. im creating the first 2 pages of the squarespace website. reference: www.squarespace.com my code: https://codepen.io/eyesoffme/pen/BaGdKyx
jamie
CodePen
section.
...
8 Replies
DJR
DJR17mo ago
Definitely use CSS grid.
eyesoffme
eyesoffme17mo ago
I was thinking that this whole time and I did infact try to use it but I got very mixed up and was scratching my head and ended up deleting the css code i had.
DJR
DJR17mo ago
DJR
DJR17mo ago
If you want the exact same layout with the section on the left
eyesoffme
eyesoffme17mo ago
sorry, i wanna make sense of this in my brain. so the red would be my container for the grid right and the black id end up having to use display flex it seems?
DJR
DJR17mo ago
You can use nested grids Consider the white part another element rather than the body/page. You'd want grid on the white part, and then grid on the right red part.
eyesoffme
eyesoffme17mo ago
ok ok. i think I understand, thank you so much.
DJR
DJR17mo ago
No problem, if you need further help, let me know. 👍
Want results from more Discord servers?
Add your server