Design comparison
Solution retrospective
Hi, I use flexbox for center blocks, however for some reason my main block on the screenshot in not centered vertically, but on website, it is perfectly centered, do you know how to fix it? I used margins for block indentation, is it the right approach? Please share any advice and recommendations. Thanks in advance!
Community feedback
- @visualdennissPosted over 1 year ago
Hey there,
congrats on completing the challenge successfully! Your submission looks great overall.
It is nice that your button has a cursor:pointer; you can also change the background on hover similar to active states in the design with: background: linear-gradient(180deg,#7857ff,#2e2be9);
It looks like your solution is centered on the screen, so i don't know how screenshot mechanism works. You can try min-height: 100vh; on the body and attempt a new screenshot to see if it makes any change.
Hope you find this feedback helpful!
Marked as helpful0@aleksandr-efimenkoPosted over 1 year ago@visualdenniss Thanks for your advice, I'll use it!
0 - @abdoukouarPosted over 1 year ago
i couldn't make the two of divs together idk why! any help?
0@aleksandr-efimenkoPosted over 1 year ago@abdoukouar To put two divs horizontally inside one div I made the main div {display: flex} and for other divs {width: 50%}. Hope it will help!
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