Getting cards to display left to right

I’m working on my portfolio page but have gotten stuck trying to get my project cards to display left to right.
It would be much appreciated if anyone could have a look at my code and give me a pointer as to where i’m going wrong

https://codepen.io/ben2travel/pen/XWNxErN

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.190 Safari/537.36.

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

1 Like
  grid-template-columns:1fr, 1fr, 1fr;

There shouldn’t be commas there.

And remove the CSS for .row and .column, you’re trying to use the float hack for grid columns when you’re already using CSS grid

1 Like

Thanks a heap Dan, I got to a point where i thought that i was trying to implement the same thing twice and was getting further from the solution.

1 Like