
3-column-preview-card-component-v1.0
Design comparison
Solution retrospective
Hi everyone.
I've just finished the project. I got so many experiences here. This really works for us. I tried some modern properties like minmax()
for layout but I couldn't use them properly, I'll try them later and I still couldn't solve the shaking problem. I think there are some strange properties in the design file like button's text position or cart positions etc. Should I push myself for that, are these the parts of the hard level challenge? If I push myself for these, my code will become non-readable. I don't want to change my clean version or there is a clear solution somewhere, idk.
I also have a major problem. How can I use the h1 tag on this page? Should I keep the pattern or can I add the h1 tag to some titles? Do I need a hierarchy here?
Thanks.
Any comments, critique, advice is greatly appreciated. For those of you reading this, have a nice day!
(Note: I separated style.css and media-queries.css for easy to read to code. I'll merge them later.)
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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