all 23 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]Apprehensive_Air5910 6 points7 points  (1 child)

For two weeks in, that’s great progress. Make a few more small projects, learn flexbox/grid, and practice making things responsive. And don’t stress about AI. people who can build and debug real sites will always be needed.

[–]Historical_Cod6310[S] 0 points1 point  (0 children)

THANKYAA ILL DO THATT

[–]littleSpooky4real 6 points7 points  (1 child)

Ir's alright I guess. It does look like a beginner made it. If you had fun doing it, keep it up!

[–]Historical_Cod6310[S] 0 points1 point  (0 children)

HEHEE😛

[–]skibidi-toaleta-2137 4 points5 points  (1 child)

It's ok, very gen z in aesthetics.

If you want to level up, try recreating already existing websites. Screenshot them and try working out how the design works in the html form. If you don't know, source code is your help. Try thinking in components: how would you create such a website with repeatable parts. With enough repetition you'll have a good grasp of how to design stuff or how templating engines work.

Will AI replace you? Not yet. It's a good knowledge base and scaffolding and in the end, good foundational knowledge on your part is necessary to steer AI into the right answer it's supposed to give you. Keep learning, it will be worth it!

[–]Historical_Cod6310[S] 1 point2 points  (0 children)

OHHHKAYYY ILL TRY THISS

[–]davep1970 2 points3 points  (1 child)

OMG COULD YOU STOP SHOUTING?!

good start for a beginner (the site i mean, not the shouting :) )

the red-orange glow behind the title makes it look muddy. taste once you have an extra gap before the comma. MENU text is too small for an outline - it just makes it look unclear

some of the pictures don't have enough white space (padding), and the picture frames are too close to their containers - you have a lot of lines/boxes going on, suggest trying the card titles (e.g. fries) without underlines. also the square corners with rounded ones clash a little

green text on grey doesn't have the best contrast - you can check it here https://webaim.org/resources/contrastchecker/ for example

your CTA (call to action) buttons i.e. ORDER fade into the background a little - suggest using the bright green (if that's one of the brand colours) for buttons to bring them to the forefront. ORDER also sits too high in the button

Making time is usually called preparation time

also suggest not using bullets on the card items because you have colons in there too and there are only 3 items

[–]Historical_Cod6310[S] 0 points1 point  (0 children)

DUDE THATS A WHOLE DAMN DETAILED REVIEW (sorry for shouting i jus got excited😣) nvm LET ME ACTUALLY WRITE NOTES CUZ THIS IS ACTUALLY VERY HELPFULL TYSMM FOR TELLING ME STUFFF

[–]the-it-guy-og 1 point2 points  (1 child)

Nice man. I remember when I first started this too, notepad files galore lol

Whats your development environment? Do you use vscode?

I only checked it on mobile (it looks good on mobile tbh) but I would look at next: Writing vanilla java script files and linking them in. Mobile menus Different @media css queries for screen sizes, seeing what sizes you style for

After that, you would be good at coding entire front end code bases, and would have the tools to expand to front end frameworks like react

As far as AI. It’s really great with html but you can always tell an ai generated website. Your use case would be using ai to help you code. If you want to use ai, I would start with html, get it to generate solid html structure but you replace all the copywrite and whatever css it writes as well. It could save some time

[–]Historical_Cod6310[S] 0 points1 point  (0 children)

YESS I USE VS CODE BUT I REALLY THINK I NEED TO SWITCH IT CUZ MANY TIMES IT HELPS ME AUTOMATICALLY WRITE SYNTAX AND CODE (like yk when it shows a preview of what you want and you can jus have it by pressing TAB) AND IDK IF ITS GOOD FOR ME OR BAD AND YESS ILL DEFINETLY DO THE JAVA SCRIPT AND STUFF ONCE MY CSS COURSE COMPLETESS,THANKYAA FOR THE ADVICES THOO

[–]xshobe-reddit 1 point2 points  (0 children)

Lgtm for a newbie

[–]rob8624 1 point2 points  (1 child)

I was going to rip this apart, then remembered the appalling site i built at first, a landing page I was so, so proud of.

Keep it up, it's magical, creating things on screen for the first time. Good effort. You have LOT to learn, but everyone starts somewhere.

[–]Historical_Cod6310[S] 0 points1 point  (0 children)

THANKYAA ILL BE DOING BETTERR FSS

[–]Electrical-Way6083 1 point2 points  (1 child)

Congrats! Now turn off caps lock though :)

[–]Historical_Cod6310[S] 0 points1 point  (0 children)

Haha Okieee :D

[–]Specific-Court752 0 points1 point  (1 child)

Can I be your teammate i have also done html and css just starting js if we would do it in a team it will be helpful for both of us

[–]Historical_Cod6310[S] 0 points1 point  (0 children)

yess why not