Explore. Practice. Master Coding

Step into a world of knowledge with our powerful coding library - your one-stop destination for learning, practicing, and mastering programming skills. From beginner basics to advanced concepts, everything you need is organized in one place.

Explore a wide range of topics including HTML, CSS, JavaScript, PHP, Python, MySQL and more. Access ready-to-use code examples, real-world projects, and structured learning materials designed to boost your confidence and skills.

Whether you're preparing for interviews, building projects, or just starting your coding journey, our library helps you learn faster, practice smarter, and grow stronger in the world of technology.

Enroll Now

How to use Media Query In CSS

<html>

<head>

<title>Media Query</title>

<style>

#header{ /* This is a Default CSS */

width:1000px;

height: 200px;

padding:20px;

color:white;

background-color: gray;

}

@media screen and (max-width: 600px){ /* This is Media Query CSS */

#header{

width:200px;

height: 50px;

background-color: red;

color:white;

}

</style>

</head>

<body>

<div id = "header">This is my Responsive div</div>

</body>

</html>

Upgrade Your Skills with Our Courses

Choose the right course and start building your future with practical skills.

Web Development

Learn HTML, CSS, JavaScript, and PHP to build modern, responsive websites and real-world projects.

Enroll Now See Full Details

Breadboard Learning

Understand electronics basics with hands-on breadboard projects and circuit building techniques.

Enroll Now See Full Details

AI Training

Step into AI with real-world applications, automation tools, and smart development techniques.

Enroll Now See Full Details

Explore. Practice. Master Coding

Coding Scripts

How to use Media Query In CSS

Explore Our YouTube Tutorials

Upgrade Your Skills with Our Courses

Web Development

Breadboard Learning

AI Training