this is the only css file here also the css file https://github.com/Shitanshukumar607/Quizzical/blob/main/src/index.css the site https://quizzical-nu-five.vercel.app/
#a few questions doesnt appear
29 messages · Page 1 of 1 (latest)
in small devices the few top questions doesnt appear
try resing the window on the site youll see what i am talking abou
The problem is your #root...
the height is 100vh... When your screen is small you're therefore truncating the height
ya if i remove that things arent centred
change it to min-height: 100vh
thanks it worked
👍
@full obsidian btw when the width gets short the blob gets up is there way to make it fixed at the corner
position: absolute;
z-index: -1;
width: 20vw;
bottom: 0;
left: 0;
}```
im doing this rn
So the problem here is that you're using a proportional width that shrinks as you shrink the screen (width: 20vw) instead you may want to think about making it proportional based on something else? Maybe on rem? (width: 20rem) then combine that with a max-width possibly?
.blob-bottom {
position: absolute;
z-index: -1;
width: 20rem;
max-width: 50vw;
bottom: 0;
left: 0;
}
actually i dont understood what u meant but ill tried the code
the code doesnt work tho
is it coz of * { margin: 0; padding: 0; box-sizing: border-box; }
I created a pull request with the fixes... if this doesn't work then maybe I don't understand exactly the problem.
thanks
nice to have my first contributer
oh hello there
i had to go sleep so i didnt checked properly but now i checked
the blob does stays at the bottom but questions starts to disappear again
https://github.com/Shitanshukumar607/Quizzical/blob/main/src/index.css the site https://quizzical-nu-five.vercel.app/
oh nvm im stupid
i dint commit the min height thing lol
no wait
if i put min height 100vh the blobs doesnt stay at their place and if i remove height blob isnt at the bottom
@full obsidian 
I don't see a problem with what's there now... is it working?