Production CSS

Hey guys I have an issue my deployment , when I use normal safari or other browsers the css is all messed up but if I open up an incognito window it looks as it should, I’ve tested on my phone and my girlfriends phone and confirmed it

Any help would be appreciated
https://hyper-osint.vercel.app

Create Next App

Generated by create next app

vince•6/12/23, 4:32 AM

Sounds like a caching issue maybe try resetting your cache

I goon to clippyOP•6/12/23, 9:02 AM

So I figured it out it had nothing to do with cache but I found the issue resetting it, I just have ZERO idea how I’d fix this in my code,

For some reason the default size for web on mobile is page zoom 125% once I changed it to 100% my page renders just fine

I goon to clippyOP•6/12/23, 9:02 AM

II goon to clippy So I figured it out it had nothing to do with cache but I found the issue resett...

vince•6/12/23, 9:47 AM

Wow that's dumb

damn you safari

I goon to clippyOP•6/12/23, 10:35 AM

Is there a way to set up default page zoom to be 100% so that users don’t get this issue ?

vince•6/12/23, 10:58 AM

I'm not sure but if there was you do not want to do that, terrible UX

II goon to clippy So I figured it out it had nothing to do with cache but I found the issue resett...

Kevin Powell•6/13/23, 1:07 PM

If there is a way to change that, I wouldn't suggest it, because that would mean over-riding user settings (like, if a user set theirs to 150% or 85%, you'd be overriding it).

Also, if the page is broken at 125%, but you were able to make the default 100%, what would happen if a user manually zoomed because they found it too small?

Azyrum•6/13/23, 1:10 PM

@joey_developer you alrady fixed this no? Everything looks good for me

Kevin Powell•6/13/23, 1:14 PM

yeah, same I just checked on iPhone and didn't see anything wrong with or without the zoom (also, my wife's iPhone defaults to 100%, as you'd expect, maybe you changed something else on the others that had an affect here

).

I do have some other suggestions if you'd like to hear them

I goon to clippyOP•6/13/23, 1:15 PM

Yea I fixed it I reduced the initial margin paddings to allow more wiggle room on zoom when the user zooms in, I kinda had to slap myself in the face and understand that I have to separate the design from the users needs and if they need to zoom in and it doesn’t look how I’d like that’s fine

KKevin Powell yeah, same I just checked on iPhone and didn't see anything wrong with or withou...

I goon to clippyOP•6/13/23, 1:15 PM

Yes please!

Kevin Powell•6/13/23, 1:21 PM

The animation on the buttons is really fast. I find it really distracting. Like, if I'm going to read the text (which, granted, is just lorum ipsum atm), I just have this thing in my vision constantly pulling for my attention.

In looking at how you did the animation, I also noticed they're all links. Because they aren't going anywhere, but instead for doing something, they should be s.

Kevin Powell•6/13/23, 1:21 PM

Overwise, it looks really nice and clean

I goon to clippyOP•6/13/23, 1:23 PM

ok ok ill work on updating that, do you think the hover effect is too intrusive? im not sure if the glow is too harsh on the eyes for the button

Azyrum•6/13/23, 1:24 PM

yes, it's like a flashbang

I goon to clippyOP•6/13/23, 1:25 PM

yea at first i thought it was cool but now everytime i see it it bothers me a little more everytime

II goon to clippy <:KEK:854943937595965450> yea at first i thought it was cool but now everytime i...

Kevin Powell•6/13/23, 1:26 PM

Always good to push it too far, then dial it back down, often gets you to a good place in the end faster than the other way around.

Azyrum•6/13/23, 1:26 PM

can also give this div a margin-inline: auto; to look like this

Azyrum•6/13/23, 1:26 PM

on bigger screens there's alot of white space when it's aligned to the left

AAzyrum on bigger screens there's alot of white space when it's aligned to the left

I goon to clippyOP•6/13/23, 1:28 PM

yea that makes sense, would keeping it text aligned left still be good if its centered there or should i just align it center as well?

Azyrum•6/13/23, 1:29 PM

nah, doesn't look that good

Azyrum•6/13/23, 1:30 PM

im looking at a smaller screen, just make it margin-inline:auto; for every screen size

Azyrum•6/13/23, 1:30 PM

looks much better

I goon to clippyOP•6/13/23, 1:32 PM

aye aye cpn ty !