Just trying to solidify css, confused

Just trying to solidify css, confused
0

#1

I realize this looks terrible, I’m just trying to test stuff out because CSS is driving me insane. It’s so confusing and I’v been trying to learn it for like 2 years now.

I copied the projects html because my previous html was just making things more confusing.

Then I put a media query in for mobile first approach, a bunch of list item text isn’t lining up centered with everything else.

I could have done a grid layout because that’s probably the only thing that comes easy to me, but it tells me to use Flexbox, so I avoided a grid.

I just wanted a very simple layout to learn from.

Any feedback is helpful, thank you!


#2

You can use Flexbox with Grid. They work well together.


#3

grid can work horizontally and vertically. Doesn’t that sort of defeat the purpose of flex box?


#4

The main layout could be a grid, but some grid sections could have flex containers.