Project created using grid for layout and flex for mobile version, had issues with centering the columns, and with the fonts and couldnt figure out the problem. If anybody could respond with feedback and help with tips on how to fix my issues. Thank you in advance
You haven't written any styles to center the main inside the body. You can use flex box to center it, make sure to provide a height, something like 100vh to body beforehand, or you can define it for the main and then center its child element/class.
Regarding the mobile version, the user couldn't see the whole page once. He/she should scroll down to get the form. How can I improve the UX?
According to the instructions the desktop version starts from 1440px, this makes all devices with less screen size than this take the mobile layout. The UI doesn't seem good on those screens. Is there any way I can improve this layout?
The instructions say:
The designs were created to the following widths: Mobile: 375px Desktop: 1440px
All sizes between 375px and 1440px shouldn't be considered mobile, you can simply make sure the design stays the same as desktop design, till all the empty space around the #signup-page has disappeared, after that it can change into mobile design.
Hi guys, I have difficulties in creating those tiny colored borders on the summary items. I will be happy if someone helps me out 🙂
Hi, this tutorial by Kevin Powell covers this particular project in amazing details, you can have a look for best practices and for any difficulties you are facing.
Also, you have in-line CSS in your html, that is considered a very bad practice, it should be avoided in general.
