Chakra UI trying to achieve the layout in the picture
I'm making a voting app using characters from this series (education only) and im trying to get it to where I separate students and sensei's on each dojo's respective page. I'm hoping to get a layout similar to this for each dojo and separate the rows by sensei and student. Sadly, I'm not good at all at css and even chakra ui is helping some I'm just bad at css overall and hoping to get better. I can post other pictures of my current progress as needed. I'm currently using simple grid from chakra ui.
4 Replies
I don't think I understand the question 😅
Ah ok so the layout above each character in the picture is what I'm aiming for like a character selection screen. The difference is im looking at having one section say sensei's then the sensei's are below and then a section for students and the students below in a layout similar to that picture. I'll share some images of my progress
Current progress so far
Using two simple grids from chakra ui one for sensei's are top row and second row is students in their own simple grid
I wonder how my goal picture could be made with just Css
If it's flex or grid