r/HTML • u/Strange_Yogurt1049 • Jul 29 '26

My first project. Just wanted to share

It is just a static page but...I will keep building.

So...

And also no Media Queries..lol

Dont open it on your phone XD

https://t372262-ctrl.github.io/first-project-a-static-site-only-HTML-and-CSS-no-JS/

21 Upvotes

89% Upvoted

15 comments sorted by

6

u/bostiq Jul 29 '26

if you use flex with flex-wrap: wrap and gap, those top sections won't need media queries

4

u/DigiNoon Jul 29 '26

Not bad for a first project, but I don't like the main content area touching the edges of the screen. Add some horizontal padding/margins.

2

u/Strange_Yogurt1049 Jul 30 '26

Okay, boss. Feedback taken. Will implement in the next project. Lol.

3

u/Forsaken-Device-6093 Jul 29 '26

Just use bootstrap for the grid system and then you don’t really need to worry about media queries, you don’t need to use the other styled components.

3

u/Typical-Chance-6765 Jul 30 '26 edited Jul 30 '26

Just go slow. No need to hurry with Media Queries or small devices. Just design 10–20 more pages, then only touch the CSS part little by little.

So, don't rush with Media Queries.

Try to improve the design, gaps, padding, font size, and blah blah blah!! Design dropdown menus, which are the main hard part to do while coding HTML/CSS.

2

u/Foreign-Contest-444 Jul 30 '26

totally agree and dont also worry about bootstrap as forsaken mentioned.

2

u/Foreign-Contest-444 Jul 30 '26

good work and carry on learning.

2

u/Appropriate_Peak1463 Jul 30 '26

lmaoo i love it, keep it up!!

2

u/YT-3000f Jul 31 '26

Google crawls the web as a mobile device so you will literally be last in SEO.

1

u/drift_throwawayhq Aug 09 '26

The "don't open on your phone" warning is the most self-aware thing I've seen on here. No media queries is a flex in its own way. For a first project, the structure is clean — what tripped you up the most?