Submitted 11 months agoA solution to the Product preview card component challenge
CSS Grid colums auto-fill
@LincolnBollschweiler
Solution retrospective
What challenges did you encounter, and how did you overcome them?
The two font families provided did not respond to font-weight changes, either by 100 ... 900 or by normal, bold, bolder. So I deleted all css for font-weight.
Other Challenges:
- how to get border radius to show up in a flex or grid display
- need to make the images served from background-image: url(...) from css so I could change them between mobile and desktop
- the need to drop the images into a photo editor to get the dimensions required for aspect-ratio.
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on LincolnBollschweiler's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord