@stephmunez
Latest solutions
Latest comments
- @ixtk
Hey, looks like the images are being stretched. They lose aspect ratio. Avoid setting width directly, use
max-width. Right now you can applyobject-fitrule on the images. Look it up! - @imonaar@ixtk
body::beforecreates horizontal scrollbar on big monitor screens. Also, it appears that if I hover buttons on left or right, it affects the rest of them by adding 1px borderMarked as helpful - @Andrii-Rohov@ixtk
I wouldn't recommend using
wvunit for font-sizes. The problem is that if user changes their font size in settings, your website doesn't adapt. It also doesn't change font size if user zooms in/out. So it is only responsive to width of the window, which is not ideal. On some widths, font looks way too big/small (743px, 764px)Other than that, consider adding
mainelement and check the reportMarked as helpful - @lizardcoder9999@ixtk
- there's no
h1on the website, consider using it for "Group Chat for Everyone" text .intro__titleis 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
mainelement 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
- there's no
- @Karl-Wilson@ixtk
The website says "loading". It doesn't seem to work
- @Yuko-code@ixtk
You can remove the padding and add
display: gridandplace-items: centerto center the text in the circle. Give the bottom one white background color.There's horizontal scrollbar at about 1200px
Marked as helpful
