DEV Community

Cover image for How to Make Responsive eSports Website Using HTML CSS JavaScript
Sadee
Sadee

Posted on

How to Make Responsive eSports Website Using HTML CSS JavaScript

In this video, we'll show you how to make a basic gaming website using HTML, CSS, and JavaScript. We'll use a responsive design to make sure the website looks good on all devices, no matter how big or small.

This is a great tutorial if you're gamer or new to web development, or if you just want to learn how to make a simple website. We'll walk you through each step of the process, and by the end of the video you'll have a gaming website of your own!

Source code

⏱️ Timestamps

0:00 - Demo
4:48 - File structure
5:45 - Project initial
17:37 - Header
35:42 - Hero section
48:28 - Upcoming section
1:07:26 - News section
1:22:42 - Footer section
1:45:54 - Media queries

Oldest comments (22)

Collapse
 
tokee profile image
Tokee

Outstanding 😍

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
sabihasamha22 profile image
Sabiha Samha

Wow amazing 🥰

Collapse
 
codewithsadee profile image
Sadee

Thank you

Collapse
 
habibullahafzali profile image
HabibullahAfzali

Cool

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
ayushchaudhary profile image
Ayush Chaudhary

cool nice Website.👍

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
codewithsadee profile image
Sadee

Yes, you can ❤

Collapse
 
codewithsadee profile image
Sadee

My pleasure

Collapse
 
judahsullivan profile image
Judah B Sullivan

👾🔥

Collapse
 
sofavalentinus profile image
Valentinus Sofa

This really cool. 🙏

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
gamerseo profile image
Gamerseo

Great video congratulations.