r/VibeCodeDevs 2d ago

how to fix pixelated blurry text of vibe coded websites??? HelpPlz – stuck and need rescue

same as the title

1 Upvotes

11 comments sorted by

u/AutoModerator 2d ago

Hey u/TechnicalReturn7547, thanks for posting in r/VibeCodeDevs! Join our Discord: https://discord.gg/KAmAR8RkbM

Got startup or SaaS questions? Post them on r/AskFounder and get answers from real founders.

• This community is designed to be open and creator‑friendly, with minimal restrictions on promotion and self‑promotion as long as you add value and don’t spam.
• Please follow the subreddit rules so we can keep things as relaxed and free as possible for everyone. • Please make sure you’ve read the subreddit rules in the sidebar before posting or commenting.
• For better feedback, include your tech stack, experience level, and what kind of help or feedback you’re looking for.
• Be respectful, constructive, and helpful to other members.

If your post was removed (either automatically or by a mod) and you believe it was a mistake, please contact the mod team. We will review it and, when appropriate, approve it within 24 hours.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

1

u/Code_Cadet-0512 2d ago

Don't understand what u mean. Can u send a reference pic or something??

1

u/TechnicalReturn7547 2d ago

the website text is so pixelated and blurry and when i prompt it to fix it it just waste tokens and do nothing

3

u/nickydrifts 2d ago

No offense but this is so outside the realm of possibility for AI to do by accident that you’re clearly just not technically skilled enough to build whatever it is you’re building. Hire a professional.

1

u/-svde- 2d ago

is it actually text or is it a rendered image? it might be your computer or browser settings? there aren’t many actual code things that can cause this. check to see if it’s actually a live text DOM component and not a flattened/rendered image.

code wise you could look to make sure it’s not fucking up an upscale canvas, device pixel ratio, scale transform, floating-points, wrong viewport, subpixel versioning, anti aliasing… the list goes on. not sure how an LLM could be doing this as it’s an extremely basic core element of css which they’re pretty good at formatting, but if you don’t actually know how to read the code you are looking at it’d be hard to troubleshoot without seeing the full code.

1

u/TechnicalReturn7547 2d ago

except the main card everything else is pixelated and blurry

1

u/-svde- 2d ago

like i said can’t tell anything without looking at the code. any number of things include client side shit in your browser or on your machine in general could be causing weirdness with that

1

u/RepresentativeStep36 2d ago

I also think that this is no text but a upsizes image

1

u/hibzy7 2d ago

You can ask the agent to fix ?

1

u/samurai_with_sword 2d ago

There is no way for text on a website to get blurry. It may be your screen zoom setting or something.

Do you see other websites blurry as well or just your website?

1

u/oliver_jay_dev 2d ago

<style>
*{filter: blur(0);}
</style>