Using div tag to complete the desktop design image
Design comparison
Solution retrospective
How can we sync the border radius of the image and the container?
Community feedback
- @Enmanuel-Otero-MontanoPosted 12 months ago
Hello @vishalraj947!
Congratulations on completing the challenge. A question about your question: Did you try to apply the border-radius measurement with fixed units, in px for example? Why do I see that you have it in % and it seems to me that that is what may be causing the borders to not be synchronized? -radisus.
My reasoning is because by using % as a unit of measurement you are applying a measurement that depends on another so that can vary. I don't know if I was clear in my explanation? I wait for your response.
Marked as helpful2@vishalraj947Posted 12 months agoHello @Enmanuel-Otero-Montano!
Thank you for the response. My reasoning behind using percentage instead of a fixed number like px for most of the measurements is to make this solution apply for variable width of the window, i.e if the solution was being viewed in the mobile screen.
I tried applying fixed units but using percentages seemed more efficient. Also the original design is smaller in scale compared to my output. Could you please point me in the right direction for this issue?
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