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
![](https://cdn.answeroverflow.com/1125960558219362365/a0f12f31bc126f8f5fe55279096d8da8.png)
8 Replies
Definitely use CSS grid.
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.
![](https://cdn.answeroverflow.com/1125964488638738462/image.png)
If you want the exact same layout with the section on the left
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?
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.
ok ok. i think I understand, thank you so much.
No problem, if you need further help, let me know. 👍