Skip to content
← Back to Community
Dizzle
Profile icon
h
has Hacker Plan
DillonB07

Dizzle

Currently investigating major display errors

After using BrowserStack to test on different devices, and resizing my browser, I've noticed some major issues. Just be aware it may not display/work properly on your device!

Introducing Dizzle!

Dizzle is a website created with Flask that will give you a random general knowledge question.

There are lots of different themed questions like history, geography, sport, etc. At time of writing, there are 112 questions
svg files cannot be displayed: https://replanalytics.repl.co/track/52cf3e79-d7e3-4020-a5fb-699a6f3fda38/empty.svg
To get started, visit Dizzle!

Contributing

Any question contributions are welcome!

To contribute, you can do one of the following:

I hope you enjoy Dizzle! If you have any suggestions or feedback create a GitHub issue or leave them in the comments below!

Voters
Profile icon
JosephHeinz
Profile icon
Corinthian91
Profile icon
DillonB07
Comments
hotnewtop
Profile icon
VulcanWM

nice! maybe add a api for this like I did here

Profile icon
DillonB07

@VulcanWM I'll consider it! Currently, I really need to fix the display issues. My screen is the perfect size and it worked great, but on smaller screens it's cut off a bit so...

Anyway, I'll add an API to my todo list.
Also, do you mind if I take some of your questions? With credit of course.

Profile icon
VulcanWM

you can take as many as you want :) @DillonB07

Profile icon
JosephHeinz

Pretty cool

Profile icon
Bookie0

Cool, you should make it responsive instead of saying that it might not work well on this type of display/device! :)

Profile icon
DillonB07

@Bookie0 I plan on doing that. But I don't know how so until I figure it out I've added a warning just in case.

Profile icon
Bookie0

@DillonB07 Alright cool :)

Profile icon
MrVoo

CSS needs attention, but it works well :>

Profile icon
DillonB07

@MrVoo What's the issue with the CSS? Just responsiveness?

Profile icon
MrVoo

@DillonB07 Some places look a little funky, like the margin.

Profile icon
DillonB07

@MrVoo I see. What size screen do you have? Or, what device are you using? I've no idea what's making it not responsive tbh and it's really annoying.

Profile icon
MrVoo

@DillonB07 Try using JavaScript to make it responsive, you can use screen height and width variables (window.innerWidth and window.innerHeight)

Profile icon
DillonB07

@MrVoo I don't know JavaScript really. I just know console.log(), fetch(), .then() and basic JSX and logic.