First Project - some issues

Hey there.

I’m about 2 months into coding, did some html / css stuff mostly and started the javascript certification shortly, but still total noob …

i built a first project for my friend who starts a business as a mobile hair-salon, and i offered her to do her website cause she needed one and had no money mostly…

i did this now and it looked good on most screens… but now i arrived at my friends home and he has a much newer setup, curved monitors and stuff… and my website looks awful on his devices… it looked ok on my laptops, pc and phone… even tho it just looked good in firefox on my phone, in chrome it looked absolute dog****…

anyways…if anyone has some time to look into the site or/and the code and help me with whatever the issues are… i got some of them…

that’s my webpage test-hosting from github:
https://thehairlounge24.github.io/thehairlounge.github.io
(the custom domain isn’t purchased yet)

and if you wanna look into the project with all files, here’s the download:
The Hair Lounge - Files

oh btw, i forgot to mention… i didn’t get the Logo as PNG yet, so the logo on top left will of course get replaced by a white png, but i didnt receive it yet…

No way you’ve only been coding for 2 months, the page actually looks pretty good. There are some features you can improve, such as the media queries for larger screens in the gallery where some pictures are disorganized. They should wrap in a div so that the pictures won’t be disorganized, and media queries for screens no bigger than 480px could add some padding to prevent the content from sticking out beyond the screen borders. But it looks good for 2 months of coding; did you design it as well?

brother, you don’t know how much this first sentence means to me… i just feel like quitting for 2 hours now :joy: but yea, started on 21th february with my first coding experience ever, the responsive web design course from ffc :wink:

anyway, so glad you mentioned some points to improve the page fast… i’ll look forward to it tomorrow…

about the design, like the index first page is from a youtube tutorial, i just did some individual changes how i liked it… but the second page (Angebote & Preise), the About us (Über mich) and the contact page all designed by me…
even tho the linear-gradient over a picture is a stolen idea from the youtube tutorial aswell :stuck_out_tongue:

Don’t quite, Just imagine how much you can improve in 1 year, if with only 2 months of hard work you can write good CSS and HTML, probably in 1 year you will have good valuable skills, besides just remember if you enjoy Web Development, that’s the only thing that matters
Good luck bro

It’s a really good site. I really love a good, smooth, well organised site. Transitions, lovely. Colors, cosistent and perfect. It’s a great site for someone who’s been doing this for two months.

One thing im a little confused about is why you’ve named your repo “thehairloughe.github.io”. It’s not necessary to do so, because now the entire URL of your page is https://thehairlounge24.github.io/thehairlounge.github.io, twice. You should probably rename your repo to something else, or just remove the “.github.io

you guys are the best. feel way better now about my project, pretty hard on myself ig :see_no_evil:

thx for the advice, i just changed it… it was my first time coding, my first time designing and the first time having to finding a hoster, set it up, blabla… and the link doesn’t matter, it’s just to test and figure out the issues with the client until it’s all good and we can connect it to the original domain.

anyways, thx brother :slight_smile:

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.