Design comparison
Community feedback
- @Sdann26Posted over 2 years ago
Hi Block Flow!
Regarding the functionality you have a 10 out of 10 but the responsive is spoiled by shrinking it for that if or if I recommend you give a fixed size.
For example when I developed this project I put as width and height the following measures to the divMain and divMain2:
width: 22em; height: 21em;
I would also remove the
margin-top: 25%
.To the body change the height to
min-height: 100vh
.Now how does it look, much better because when you shrink it doesn't deform and you are keeping it centered.
Now if you want to change a little its distribution using a media querie for mobile size.
By the way the button with the word SUBMIT has some spacing that is added using letter-spacing.
Best of luck with that your project I think it looks pretty good for what is design, see you in future challenges :D!
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