After 6 months of practice, here's my first website.

Features: Html, Css, JS


https://tiny-sherbet-9b316c.netlify.app/#services

Constructive criticism would be highly appreciated.

The site load on my device very fast, even with all the images. Did you use nextjs to achieve that? Or are those images webp?

Deicide:
The site load on my device very fast, even with all the images. Did you use nextjs to achieve that? Or are those images webp?

No I didn't use nextjs. The images are all in JPEG format.

The trick to it is that the images are highly compressed. Most of the size doesn't exceed 100kb, hence the fast loading of the site.

I sourced most of the images from Usplash.

majesticguy:
After 6 months of practice, here's my first website.

Features: Html, Css, JS


https://primetech-47.netlify.app/

Constructive criticism would be highly appreciated.

Is it a tutorial?

majesticguy:
After 6 months of practice, here's my first website.

Features: Html, Css, JS


https://primetech-47.netlify.app/

Constructive criticism would be highly appreciated.

Is it from a tutorial?

LikeAking:


Is it from a tutorial?

No, It's not from any tutorial, it's my design. Although I got some ideas from perusing through the internet.

It looks good man, I got a hint from what you said about the image compression.

Inspiring.

Weldone op, it looks great in my device. I'll suggest a tiny modification, how about you italicize the reviews to give it a distinct feel.

Update: The Hero background image, there's some sort of color clash of the company name between the name and the lady's skin... You can grayscale / blur the image or brighten the image.

For desktop view for mobile, that text is overflowing out of its parent container. Also, Why not use border bottom 2px solid #**** then apply margin bottom 1.2em instead of List-Style: Dotted;?


Aside these, it looks perfect IMO.

CodeWithRemi:
Weldone op, it looks great in my device. I'll suggest a tiny modification, how about you italicize the reviews to give it a distinct feel.

Yes, it looks really good italicized.

Update: The Hero background image, there's some sort of color clash of the company name between the name and the lady's skin... You can grayscale / blur the image or brighten the image.

Would definitely work on that.

For desktop view for mobile, that text is overflowing out of its parent container. Also, Why not use border bottom 2px solid #**** then apply margin bottom 1.2em instead of List-Style: Dotted;?

I think it's because you are using the desktop view for mobile. It's quite ok on PC. I modified the word because it seems it's too long and hiding it via overflow would make it look awful.

For the list-style: dotted, it's just preference.


All in, a million thanks boss, i really appreciate the pointers.

when I go get money repair my laptop laidis?