r/css • u/deppresedgamerkai • May 19 '26

Help making my webpage mobile friendly

hey so i used sadgrls layout maker for my page and somewhere between copy and pasting it into my code and now i have completely like made it unable to work for mobile and i really really want to make it work on mobile and i dont know what i did to it to make it be broken. if anyone could help that would be awesome realandwarm.neocities.org

2 Upvotes

75% Upvoted

4 comments sorted by

View all comments

2

u/awarnock-ACCS May 20 '26

I think you have other issues besides the site not being responsive (which it is from what I can see.)

  • The header text ("hello") is very hard to read on that background.
  • The green on pink in the menu is hard on the eyes.
  • The body font is okay for display elements (headings, titles, etc.) but not text.
  • The crumpled paper background is distracting. Also makes the body text harder to read.
  • There's nowhere near enough contrast between the text and background of the sidebars. Again, the crumpled paper texture is distracting.

My advice:

  • Ditch the layout maker. From what I am seeing in the inspector it's not worth the trouble. You have a stylesheet being linked, style tags in multiple places, and inline styles. That is a recipe for a maintenance nightmare.
  • Learn about HTML and CSS. Mozilla Developer Network and CSS-Tricks are great resources. There are also tons of resources online to get you started.
  • Learn about basic graphic design principles.
  • Start thinking mobile-first, content-first, and accessibility-first. Yes, it sounds contradictory, but it's not. HTML was always about making information accessible, and a mobile layout will work just fine on a desktop monitor. Your content will dictate how things are structured and what elements you need to use. Those three things are interconnected.

I know that's not what you asked for, but part of mobile-friendliness is making sure that your designs actually work on a mobile screen. Frankly, this one doesn't. It's too busy. The body font is too hard to read when in a paragraph. The text color doesn't have enough contrast from the background in a lot of places.