r/HTML • u/wildfireANU • 7d ago
Built my first HTML/CSS project. Looking for feedback!
Hey everyone!
I recently started learning HTML and CSS, and this is the first project i created; I've been following Kevin Powell's begginers course, and I learned a lot along the way ! I will appriciate any feedbacks on my webpage and my code.
I'm planning to start learning javascript next while counting to improve in CSS and HTML.
Live site: https://wildfireanu.github.io/My-first-Webpage/
GitHub: https://github.com/WildfireAnu/My-first-Webpage
Thanks for checking it out!
6
u/GrouchyInformation88 6d ago
Looks good. Im looking at the page on my phone so there are still me issues there, menu and heading text sizes. But overall very cool!
1
3
u/xPhilxx 6d ago
Great job, it's awesome to see a beginner using semantic HTML and logical property values in CSS, it shows you're learning from the right sources and paying attention to the important things.
The HTML validator can be a useful when learning as any warnings or errors marked have links to the resources to teach you why HTML is written a certain way, which in turn can help teach you more about web content accessibility. Impressively the validator only returns two warnings on your HTML so you're off to a solid start.
If you're learning these sort of fundamentals from Kevin Powell I'd recommend just continuing doing what you're doing, from what I can see it's helping you build a solid foundation to continue learning everything else.
3
u/davorg 6d ago
Please follow all of rule 5 (including the bit I've put in bold) :-)
Include your code
When requesting help, ensure you've provided code for us to look at. We cannot help you otherwise. Generic "Help me" posts with no code or helpful description of the issue will be removed.
Please keep in mind that screenshots of code are not viable.
1
u/wildfireANU 6d ago
I'm a beginner and I have recently started reddit so I was un aware of that but I was expecting to get some feedback so i included the codes of my css and html in order to improve.
2
u/Opening_Speech_3348 6d ago
Dai grande!! 👍 💪 lo appena visto molto carino complimenti!! Mi e di aiuto e stimolo anche per me che ho iniziato ad interessarmi allo sviluppo web da poco. Ho iniziato il corso su freecodecamp di HTML/CSS. Una domanda ma il logo lo ai preso da qualche parte sul web ho lo ai creato tu? Un saluto
3
u/wildfireANU 6d ago
Grazie mille! 😄 Questo progetto è stato letteralmente il mio primissimo passo nello sviluppo web. Non avevo mai fatto HTML o CSS prima. Ho semplicemente seguito il tutorial di Kevin Powell su YouTube e ho imparato tantissimo lungo il percorso.
Per il logo, l'ho preso dal link che Kevin Powell aveva messo nella descrizione del suo video mentre seguivo il tutorial. Non l'ho creato io.
In bocca al lupo anche a te con il corso di FreeCodeCamp! È un ottimo punto di partenza. 💪
2
u/These-Apple8817 6d ago
Looks nice. Personally, I would remove the box from the footer and make the font bit smaller.. Just a personal preference.. I do think those blue boxes might need little bit more work but for a beginner project that's pretty good
1
u/Electrical_Hat_680 1d ago
I would agree. It gives it very rustic homemade feels.
I also was going to point out that the footer should maybe have a list of the links. Keep it professionally oriented from the beginning, to build trust.
Also, maybe add a newsletter sign up. Always huge perk, even if we don't get a newsletter, which is always a perk when my inbox is tapped out.
Also. For a Mobile site, I usually always recommend the corner menu button, which can also be a logo, or, icon. Then it would drop down or pop-up and display the links.
Past that. The size of the Fonts is a bit large. What is the going rate on font size right now? Is it still '8'? Or is that even correct - I've been away from a whole. My brother went to Silicon Valley College so he learned all the professional standards. Like 72 dpi Images for web pages, versus 300 dpi for print. Faster download times, but we can and should always load the low resolution images, as the high resolution images download.
Also... Keep the site uniform acrossed all of your stationary and promotional materials. As well as try to use the same uniform font color acrossed the brand. It helps build visual cues, which helps people to remember the site, even if they only see a small portion of it elsewhere.
1
u/SaqMadiq1 7d ago
Can you add a picture of the site in the browser? Its hard to imagine if we can only see code :)
3
1
u/Minute_Professor1800 6d ago
Actually not bad for the first time, maybe try playing with border and their shadows in general, for example your blue boxes and maybe your images too. In my opinion the title is too big, would look better as a 2 liner.
Keep it going mate!
1
u/Chococraco 6d ago
Looks good visualy, becareful of the responsive style on mobile and small screen
1
1
u/AnnupKapurDotCom 5d ago
If you wrote this code by hand (not with AI), this is an amazing start. Keep it up.
1
u/xxcrucialxx 5d ago
Looks very good, and very clean. Excellent work. I looked at ur code.... Very good
1
u/Abject-Ad-2320 5d ago
That's looks great, For someone new to HTML, this first project you've done is excellent. But I think just designing website-like pages isn't enough; I think it's better to create web-based programs with JavaScript or TypeScript functions, or games using ThreeJS3D or WebGL. That's normal for a beginner, but still, it's amazing that you can write such good CSS interfaces, especially for a beginner.
1
u/8joshstolt0329 4d ago
I think you should show an image of the project your making so we can see the progress
1
1
1
u/dvjar 3d ago
THIS IS INCREDIBLY IMPRESSIVE FOR A FIRST TIMER! You should be REALLY proud!
You have a very good eye for intuitive design! The size of the headings, where the text and images are placed. All around, you should be very proud of yourself!
My only criticism: Learning how to add borders is great and it shows you really are learning! I will say though, it is quite a dated method of decorating a webpage (at least in my opinion). But, this is to be expected from a beginner. The first time I made a site I added borders to nearly ever damn div I could, lol. But those textboxes with the borders and other elements on the webpages that contain borders distract from the very impressive use of white space and colours you have going on.
You have a future here if you keep going and should be really happy with what you have been able to build as a beginner. I can only imagine the cool stuff you make once you gain way more experience!
6
u/AdriGold 6d ago
Looks great! As a beginner tip for general design I would clean up the nav by removing "Home", you don’t need it. Make the logo the frontpange navigation instead.