@mathematiCode
Posted
Really great job! Your javascript actually helped me figure out my solution to this because I was confused about fetch and using json files and had to discuss it with my tutor. Your code was very easy to read and understand!
One thing that may be helpful to make responsiveness easier using grid is
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
This tells the browser to fit as many boxes as possible but make them at least 180px each and put the rest on the next row and so on. It is so useful for making grid-like designs responsive, if you don't mind sometimes having an odd amount of items on the last row.
Marked as helpful
@ShoaibShuja
Posted
I will make sure to use it in my next projects thanks a lot @mathematiCode