Design comparison
Solution retrospective
Hello again Frontend Mentors!
My friend and I decided to give this one a crack together (look forward to his solution soon!) There was some surprising challenges to this one, mainly to do with absolute positioning and mistakes on my part, which resulted in some hair-pulling until I figured out where I went wrong (not giving position relative on a parent container 😩)
As usual, I welcome any feedback and critiques on where I can improve code!
Thanks! 🎉🎉
Community feedback
- @pradeeps4iniPosted over 2 years ago
hello, @ChrisAndrewsDev. Well done on implementing the design.
You don't use min() function on min-width property. You use it on width. You give only one value to min-width and the width never goes less than the given value.
You can also use background property to set multiple backgrounds in CSS. I wrote a simple demo code here. Read it and modify it to learn. https://codepen.io/pradeeps4ini/pen/dymeEJZ
Marked as helpful1@ChrisAndrewsDevPosted over 2 years ago@pradeeps4ini Oh I didn't even realize I did that 😲 I must have left it in from testing, that makes sense why it wasn't working how as intended! Thanks so much!
0
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