Design comparison
Solution retrospective
It was little bit tricky to create comic-like speech bubble and to adjust it. Now when I am done I feel like it could have been done easier using flex more than I did but it should work as it is. Any feedback is welcome! :D
Community feedback
- @subu-vPosted over 2 years ago
If you want the icons to look exactly as the required design,
- first create a div element(lets say the class name is "icon-box") with padding of some small value ranging from 16px - 20px and make this position relative.
- place the icons inside the "icon-box" element using absolute positioning.
- Do the same for the other two icons as well.
Now no matter, how much you increase the padding of the "icon-box" element, all the "icon-box" and the icon inside of it will increase consistently.
Just a suggestion, hope it helps. I did the same thing, if you want more clarrification, you can look up to my code.
Marked as helpful0@deksa89Posted over 2 years ago@subu-v Thank you for suggestions, I really appreciate it :D
0
Please log in to post a comment
Log in with GitHub
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