Responsive site using flexbox with css and html

Solution retrospective
I used just flexbox for this page to make the desktop first version, later in mobile devices the image came to the top of the page when flex direction was changed. So used positioning absolute to make some space below the logo and put the image there. I am curious if this is a correct way of designing the webpage? Also, I have made efforts to make it fully responsive, any comments please hit me up.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @shubhamthedev
Hi, if you're using flex-box for this project then i don't think there is any other way to position logo on top other than to use
position:absolute
. The site is responsive although i have some suggestions for you:-
You should fix all the accessibility issues by providing a label for input and name attribute for button element.
-
The site is responsive on tablet devices although the image is very stretched and doesn't look good.
-
You forgot to add the background to the site.
Hope this helps and keep coding 👨💻
-
- @TechSaq
Great work! You need to take look at font sizing. Email input is overlapping with the content on the full screen.
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