Minor layout bug on the Showcase page
neonlifes opened this issue · 9 comments
When viewing from a mobile device, in the second section of games with half width image, the image and text extend outside the right edge of the screen.
Browser Firefox for Android, 1080x2400.
Also this is how it is displayed when the Platforms string is too long.
When viewing from a mobile device, in the second section of games with half width image, the image and text extend outside the right edge of the screen.
Browser Firefox for Android, 1080x2400
Ah, yes, that doesn't look like a very responsive design... It does however render as expected in Chrome on Android. I haven't checked Safari yet.
when the Platforms string is too long
Hmm, I'll look into this.
when the Platforms string is too long
Hmm, I'll look into this.
Now displayed correctly. Thanks!
Hi @britzl
Nice recent changes to the site, thanks for your work. I have a couple suggestions:
- I use a 13" laptop with a 16:10 aspect ratio. It would be nice to have more information on the home page. It might make sense to change the scale of some elements. For example I'm attaching screenshots. The first one is the default page, and as you can see, not all the information fits on the screen. The second one is set to 80% scale in Google Chrome, and it looks better that way. I hope it's clear what I mean :)
- Great idea to add the background from Void Scrappers. I think it would be nice to add some more backgrounds with good art that would alternate with each other.
Thanks. Good feedback. The change was a bit rushed but we needed the change considering all of the new traffic coming to defold.com right now.
- It might make sense to change the scale of some elements. For example I'm attaching screenshots. The first one is the default page, and as you can see, not all the information fits on the screen.
I wonder what the best approach is? Reduce the size always? Or use some kind of css media query?
- Great idea to add the background from Void Scrappers. I think it would be nice to add some more backgrounds with good art that would alternate with each other.
I agree. We've already discussed this, but it will have to come as a second step. I'm thinking that the background image could be added to the game data (https://github.com/defold/awesome-defold/tree/master/games) and then we hand pick a number of games to alternate between.
I wonder what the best approach is? Reduce the size always? Or use some kind of css media query?
Oh, I guess my knowledge is not enough to suggest anything. Just reducing the size is probably not the best option, as you need to check on different resolutions and aspect ratios. I unfortunately only tested on 13'' 16:10 with 2560x1600.
I agree. We've already discussed this, but it will have to come as a second step. I'm thinking that the background image could be added to the game data (https://github.com/defold/awesome-defold/tree/master/games) and then we hand pick a number of games to alternate between.
Yeah, that's what I meant. The main thing is that there are beautiful games to choose from 😊
I've reduced the font size of the tag line and main links slightly.
