I hope you’re well.
I’m working through the Grid Layout assessment (https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grid_skills) and I’m stuck. As you can see from the pictures attached, I am struggling to organise the tags the same way they are organised in the example. The example fits more on each line before it wraps.
I was hoping someone would be able to take a look at my code (link to code pen below) and make some suggestions as to how I might be able to solve this problem. I’ve tried specifying a margin on the tags (the li elements), as well as using the “flex-basis” property and giving it a value of 33.333% but didn’t get the intended result.
Any help would be appreciated! Thanks in advance.