PRACTICE SET 7(APC)

 HTML


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PRACTICE SET 7</title>
    <link rel="stylesheet" href="STLE.CSS">
</head>
<body>
   <div></div>
</body>
</html>

CSS

div{
    height: 250px;
    width: 250px;
    background-color: chocolate;
}

@media (max-width:300px) {
    div{
        background-color: green;
    }
}

@media (min-width:300px) and (max-width:400px) {
    div{
        background-color: pink;
    }
}


@media (min-width:400px) and (max-width:600px) {
    div{
        background-color: red;
    }
}


@media (min-width:600px) {
    div{
        background-color: blue;
    }
}


OUTPUT

I CAN'T SHARE IT.
YOU CAN TRY IT ON YOUR CODE EDITOR

Comments

Post a Comment

Popular posts from this blog

Create,Read,Drop,Insert One and many, Ordered,Unordered insert in mongoDB

Image
(c) Microsoft Corporation. All rights reserved. C:\Users\ACER>mongosh Current Mongosh Log ID: 66611d66e3c4dda298cdcdf5 Connecting to:          mongodb://127.0.0.1:27017/?directConnection=true&serverSelectionTimeoutMS=2000&appName=mongosh+2.2.6 Using MongoDB:          7.0.11 Using Mongosh:          2.2.6 For mongosh info see: https://docs.mongodb.com/mongodb-shell/ ------    The server generated these startup warnings when booting    2024-06-04T11:56:28.597+05:30: Access control is not enabled for the database. Read and write access to data and configuration is unrestricted ------ test> use students switched to db students students> db.data.insertOne({'Name':'Debadatta', age:19}) {   acknowledged: true,   insertedId: ObjectId('66611e1ae3c4dda298cdcdf6') } students> db.data.insertMany([ {'Name':'Debadatta', age:19}, {'Name':'Jyotiranjan', age:20}, {'Name':'Aditya', ...
Read more

Comparison in Javascript

  //There are many types of simple comparison where we shuld only focus for limited time //ex-Equal,Greaterthan,Lessthan etc // console.log("2">1); // console.log("02">1); // console.log(null > 0); // console.log(null == 0); // console.log(null >= 0); //Avoid this type of comparison as much as possible // === it compares the datatypes also console . log ( "2" === 2 ); //False because of different datatypes //Summary //Primitive //7 tytpes-String,Number,Boolean,Null,undefined,Symbol,BigInt //Reference (Non Primitive) //Array, Objects, Function, //+++++++++++++++++++++++++++++++++ //Memory //Stack(Primitive), Heap(Non-Primitive)
Read more

String Methods In Javascript

 let prompt = require("prompt-sync")(); let alert = require("prompt-sync")({ sigint: true }); let name = "Debadatta" console.log(name.length) console.log(name.toUpperCase()) console.log(name.toLowerCase()) console.log(name.slice(2,4)) console.log(name.slice(2)) console.log(name.replace("Deba" , "Prabhu")) console.log(name.concat("Is A Student of Computer Science")) let you = "    Deba      " console.log(you) console.log(you.trim()) let me = "Mahesh" console.log(me[2])
Read more