Design comparison
Solution retrospective
When placing the element I had to use some "magic numbers" in the margin of my elements to make those spaces in the user part. Is there a cleaner way to do this without having to put infinite DIVs in the code?
I also tried using BEM to organize my classes in CSS but I don't know if how I used it was too much
Community feedback
- @ToNisamBioJaPosted over 3 years ago
Pretty good job!
Aside from a couple of differences(like the width of the card) its pretty close to the original design.
Keep going. Happy coding!
1 - @SandeepGumastePosted over 3 years ago
You could use "justify-content: center" in the card-profile div.
1@MarlonPassos-gitPosted over 3 years ago@SandeepGumaste In case the image, name, age and city are all inside a container, if I use "justify-content: center", all these elements will be centered vertically, and in this case I just wanted the image. It would be really nice if flex-box had an element property for "justify-content", just like there is "align-self"
0 - @hassanabd22Posted over 3 years ago
this good Practicing a lot of code will make you better
1
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