Design comparison
Solution retrospective
I'm proud of pushing myself to use CSS Grid more in this challenge, even though I'm still getting the hang of it. I made sure to use it as much as I could to tackle the problem.
What challenges did you encounter, and how did you overcome them?I encountered difficulties in achieving responsiveness for the share box, which initially posed a challenge to resolve within a single day. However, upon discovering the CSS calc() function, I successfully utilized it to address this issue, ultimately leading to a satisfactory outcome.
- Calc() definition: The calc() function in CSS is a mathematical function that allows you to perform calculations to determine property values. It enables you to combine different units of measurement and perform addition, subtraction, multiplication, and division within a CSS property value. This feature is particularly useful for creating flexible and responsive layouts, where values need to be dynamically calculated based on various factors.
Also I didn't knew about how to make a triangle in center of a box. This challenge helped me out in making that triangle using CSS.
What specific areas of your project would you like help with?open to all kinds of feedback :)
Thanks in advance
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