Design comparison
Community feedback
- @tufcoderPosted 8 months ago
Hi, I'll list bellow some considerations:
- Try to use Semantic Tags in your project.
- Try to follow the example, your background color and card color are switched. But if is your preference its ok.
- Centralize the main container in the screen.
Thats all, good work!
0@anonymousbazookaPosted 8 months agoThanks for the feedback@tufcoder I used different color cause I wanted it to be different and I'll try to recreate the social link profile again to match the example given using the tips you gave me. I noticed the profile image is more bigger than the example given and I couldn't really center the main card to the screen of my desktop but I gave it a margin of 50px.... I'll be glad if we can exchange contacts and work on some projects together and I'll also love for you to give me more tips to sharpen my frontend skills.
0@tufcoderPosted 8 months ago@anonymousbazooka I have some tips for you centering the main card.
First you need to understand the
display
property here. Understanding inline and block, you will notice the difference in the variants.Here a visual example.
Avoid using flexbox, dominate the display inline/block property first will help a lot when you start to use display flex/grid.
I'm in the Frontend Mentor Discord, my nick is Tufzeira, send me a message there and I'll be happy to help.
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