All solutions

Finally !

I don't know how to implement light/dark mode in scss - i use css variables.

Check IT.

Validation can be better.

Next time i try to use JS to validate.

I reched the limit in geoipify so i changed api. Input element is commented. Also, i can store ip address from input in variable but this api's can only GET data, or i'm wrong.

...

I'm back.

Tailwind & Vanilla JS

Peace

Fully responsive with working switch :D

I tried use bem naming but i don't understand this concepction so - my class name is bad.

Good night guys.

Monitor section is bad in desktop version width larger than 1800px , but this is design for 380 and 1440px.

Need another media query. For that problem i can use transform: scale() - for monitor image And style with justify-content / gap/ margin.

Ah, and footer isn't excatly the same. How to do it without creating a few extra columns?

Good night guys.

Hi,

I thing this looks good. I gave up with that hamburger menu but i will try do it.

I tried first time "mobile first" concept and it's great!

Have a nice day :)

Sadly, without JavaScript :( However check it.

I always start creating on ~2.5k width, then mobile, then desktop.... Maybe i will try mobile first.

First time use SASS - finally less and cleaner code.

How to put div / footer down when we can scroll our site?

Mobile version isn't finished, i don't have more time, but i want to post it. My solution for purple-img probably isn't the best, show me better i'd appreciate it :)