Design comparison
SolutionDesign
Solution retrospective
Yes
Community feedback
- @accamamuhammadPosted 11 months ago
Nice shot at the main design but your not quite there.
1.To center the container use body{
width: 100%;
,height: 100vh;
,display: flex;
align-items: center;
justify-content: center;
}2.To Achieve the two elemet side by side in but one having a borde and not affecting the other. -Create a div and sets its background to white and then create two div inside the div that you created inital then make the background of the first div the purple shade and sets its border radius to the right size and make the background color of the seond div inside the main div white.
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