Responsive four card feature section using BEM syntax and SASS.

Solution retrospective
I created the layout pretty close to the design png and was able to figure out the grid card layout by tinkering with grid-template-areas
property. So I would try to be more organized next time with the code as it gets messy real quick.
- The main challenge was to figure out the card layout which I had to search for on google. After you figure it out you realize that It was not that hard actually.
- I also encountered problems in making the layout reponsive according to the container that my main layout was in.
- I think the html markup is pretty accurate but the styles that I have used may be overly complicated according to the bem syntax that I have used.
- If you see some code that is unnecessary complex, please give me your feedback as to why you thought about doing that and I will surely reflect upon that. Thnx.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@DefinitelyNotPatrick
I can't see how it works because I don't have access to the site. Could you change it?
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