Took me around 5 hours total, with 1/2 hours of that spent on finding the best solution for the card behinds, eventually went with pseudo element (::before), my question in regards to this is there a better way to do it? Also, first time using BEM class naming system, definitely makes for cleaner and more readable CSS. To use the data from the JSON file I decided on using the fetch() JS method.
All feedback welcomed and much appreciated.
If I had to do it again I would choose the pseudo element. Another guy solved it that way too.
Quite new in coding, i tried my best to produce produce the same specs but my column length is not good. your suggestions and feedback would really help me to improve.
Try with span 2 value for grid-column & grid-row to make it easier for you. But first adjust your content, it's too stretched, excess of padding, and fonts too big. Use relative values when possible, like em & rem for - fonts, padding, margins - instead of pixels. I recommend you Kevin Powell's video. Introduction about grid. One of the best CSS teachers you can find on YT. https://www.youtube.com/watch?v=rg7Fvvl3taU
This is my first time using the Fetch API so if there is anything I can do better or if you have any tips I'd be happy to hear them!
I love how you made it. My code is shit compare to yours 😁
How to set up fluid card size base on screen size?
Hi, Blackforest80. Nice work. Have you tried with vw, vh, vmin & vmax units to make it fluid?
