@suzzy-dszy
Posted
-
Your solution closely matches what is expected great job on that, and as for the issue you have highlighted, I was having the same problem and you are right to assume that the image influences your output.
- To have the right hand grid-items to take up more height, try using the css
clamp()
function in your media queries, this will allow your font to dynamically scale with the viewport width to help achieve the look that you want. You may want to read a documentation / watch a video on the property as it is a bit much to understand exactly what's happening at first.
- To have the right hand grid-items to take up more height, try using the css
-
If you don't mind, could you review my solution to this challenge as well? I followed a mobile first approach and when it came to achieving the required desktop looks i failed at that as my product card is really big on larger screens and alas i couldn't figure it out. Any help will be much appreciated 🙏.
-
Otherwise Good job 🙂👍.