Meet landing page html and css. Fully Responsive.
Design comparison
Solution retrospective
Please give me feedback so I can keep improving.
Community feedback
- @ixtkPosted over 3 years ago
- there's no
h1
on the website, consider using it for "Group Chat for Everyone" text .intro__title
is not centered on desktop layout- there's horizontal scrollbar at about 800px
- button text font size is smaller compared to the layout. Consider adding
font-size: inherit
- I think h2 font-sizes are too large for mobile layout
- you could add
main
element in html to indicate which part of the page is the main content
There are other layout issues like images not being centered on mobile screen or top images messing up layout. Make sure to use browser dev tools to inspect how different elements/layout will look on different screen sizes. If you have specific questions feel free to ask
0@lizardcoder9999Posted over 3 years ago@ixtk Hello I checked it on all the devices on the firefox dev tools and everything looks good and the text is centered.
0@ixtkPosted over 3 years ago@lizardcoder9999 I checked on Firefox too. You might have smaller display where things look relatively better, but on mine (1920x1080) there are issues. Try dragging the width of device view and see how it behaves.
0 - there's no
- @exequielarroyoPosted over 3 years ago
Works great!! Looks Great!! Nice Job!! ⭐⭐⭐⭐⭐
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