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

Top comments (22)

Collapse
 
codewithsadee profile image
Sadee

Yes, you can ❤

Collapse
 
spo0q profile image
spO0q 🐒

constant quality. Great job @sadee!

Collapse
 
codewithsadee profile image
Sadee

My pleasure

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
kqkhai002 profile image
Kiều Quang Khải

nice job <3

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
bangyslower profile image
Bangy Slower

Great job! thanks for the video

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
gamerseo profile image
Gamerseo

Great video congratulations.

Collapse
 
sofavalentinus profile image
Valentinus Sofa

This really cool. 🙏

Collapse
 
codewithsadee profile image
Sadee

Thanks

Collapse
 
tom-log profile image
Weverton Souza

nicee

Collapse
 
judahoyedele profile image
Judah Oyedele

Wowww

Collapse
 
tokee profile image
Tokee

Outstanding 😍

Collapse
 
codewithsadee profile image
Sadee

Thanks