intro component w/ sign up form challenge - HTML, SASS, JS
Design comparison
Solution retrospective
Would love feedback on the following:
- box shadows
- how can i ensure that the left side doesn't adjust when the form is submitted with errors (when the errors show, the alignment of the text to the left moves)
- any additional CSS feedback as the CSS was the hardest aspect for me
Community feedback
- @MojtabaMosaviPosted almost 3 years ago
1- The media query should be defined way earlier, personaly I switch to dektop view on around 43em but this depends on the content of the UI but in this case there is to much free space on the page when viewed on laptop screen, a litle bit of free space can help with readability but to much of it is no pleasing.
2- Regarding box-shadows the one on promobox needs a bit of work, I could find the exact color but it should be something like:
box-shadow: 0 9px 5px 1px #3e3c49;
It should be link because its expected to function as one when clicked.3- You don't need to write recode the default behavior, for instance
align-items:stretch
is the default, no need to for writing it.4- Css properties allow you define global variables in you stylesheet which is much better practice rather than hardcoding the values every time and on projects of bigger scope this going to help alot with maintainability.
Keep coding :=)
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