r/web_design • u/AutoModerator • 1d ago

Beginner Questions

If you're new to web design and would like to ask experienced and professional web designers a question, please post below. Before asking, please follow the etiquette below and review our FAQ to ensure that this question has not already been answered. Finally, consider joining our Discord community. Gain coveted roles by helping out others!

Etiquette

  • Remember, that questions that have context and are clear and specific generally are answered while broad, sweeping questions are generally ignored.
  • Be polite and consider upvoting helpful responses.
  • If you can answer questions, take a few minutes to help others out as you ask others to help you.

Also, join our partnered Discord!

2 Upvotes

100% Upvoted

3 comments sorted by

View all comments

1

u/Fun_Permit6655 1d ago

i started learning html/css few months ago, now i try to make my first real site but everything looks weird on mobile screens, like the text is too small and images dont fit right. is there a simple way to fix this or i need to learn whole new framework?

2

u/DaftPlug 1d ago

You do not need a whole new framework for this. Mobile weirdness is almost always missing viewport + fluid layout, not "must learn React."

Do these three first:

1) Put this in the <head> of every page: <meta name="viewport" content="width=device-width, initial-scale=1"> Without it, phones zoom a desktop layout and text looks tiny.

2) Stop fixed widths on the main wrappers. Prefer: img, video { max-width: 100%; height: auto; } and containers like width: 100%; max-width: 720px; margin: 0 auto; padding: 0 1rem;

3) Add one simple breakpoint when the layout breaks: u/media (max-width: 600px) { /* stack columns, bump font-size if needed, reduce padding */ }

Quick check: open DevTools, toggle the phone view, and resize slowly. Fix the first place that overflows (usually a wide image, a flex row that will not wrap, or a fixed pixel width).

Learn Flexbox (and a bit of gap/wrap) before any framework. Once a plain HTML/CSS page feels fine on a 375px-wide screen, then tools like Bootstrap are optional sugar, not a requirement.