I've made a website! Need feedback

#html #css #codenewbie #webdev

GuruTheCoder Mar 4 ・1 min read

Here's the link to the website, it is a tribute page.
GuruTheCoder's tribute page

Discussion (11)

Nikhil M Warrier • Mar 4

Freecodecamp folks?
Anyway, it is not bad tbh.

One major suggestion:
Don't use text-align: center or justify on long paragraphs. Reading becomes an eyesore.

Also, I'd highly recommend increasing the font size of the heading in orange section, and make the button at the end a bit bigger, too...

Anyways, great job! Keep up the good work!

GuruTheCoder • Mar 4

Yes I'm from FCC.
What SHOULD I use instead of text-align:center;
Okay I'll apply all those stuff.
Thanks!!

Nikhil M Warrier • Mar 4 • Edited

text-align: left. It is the default...

Best of luck!

GuruTheCoder • Mar 4

Thanks! I'll remove that!

Vishal2369 • Mar 4

it's a good starting for a beginner.
Here are some suggestions from me:-

Don't use Id to style an element, use class.
Id automatically creates properties on global window object in JS.

Good luck.

GuruTheCoder • Mar 4

I don't know js yet.
But i'll implement what you said.

InHuOfficial • Mar 4

Don't set a height on your image in your CSS. On my massive monitor his picture becomes very wide, on mobile his image becomes very thin.

So two things to look at / learn from:

Media queries - how can you make the picture full width on a mobile but only 30% width on a desktop.
How can you put an image on the page that stays at the correct proportions without causing layout shifts.

If you do a bit of research on both of the above and then ask any questions on anything you get stuck on!

Good luck with the site!

Chittoji Murali Sree Krishna • Mar 4 • Edited

Why you have used strong tag in h3 tag without altering the font-weight ?

If you are using any title with background and width 100% to it's parent, then center the title.

And paragraphs you can use a single paragraph and break it with br

Or try using list components more instead of paragraph

And use classes for styling, bcz classes specificity is lesser than I'ds, and I'ds should be unique, class can be reused but an I'd cannot,

That's why most of them uses classes for styling and I'ds for navigation

Pictures will be like blownout to the maximum width until unless you learn responsive way using grid or flex and combine image with headings and stuff when the screen size is grown or remove them when screen is shrinked

These were upto my knowledge As usual I might be wrong