Skip to content

Instantly share code, notes, and snippets.

::::::::::::MCQ::::::::::::::
Ques 1: What do media queries allow us to do?
a)Do responsive design
b)Import media files
c)Use different CSS based on screen size
d)None of these
Ans: c
Ques 2: What's another name for a media query?
...............<3.1>..............
Ques 1: The localStorage and sessionStorage belongs to ?
a)Window object
b)Element object
c)Hash object
d)DOM object
Ans:a
Ques 2: What is the main difference between localStorage and sessionStorage ?
---MCQ---
...................<1.1>.................
Ques 1: What is correct html structure of toolbox container element?
(a): <div class="toolbox-cont">
<div class="toolbox-priority-cont">
<div class="lightpink color"></div>
<div class="lightblue color"></div>
<div class="lightgreen color"></div>
<div class="black color"></div>
</div>
---MCQ--
<2.1>
Ques 1:When will the browser invoke the handler?
a. Program begins
b. Any event occurs
c. Specified event occurs
d. None of the mentioned
Ans: c
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
.balls {
margin-top: 4rem;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
h1 {
font-size: 15rem;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div></div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Recursive Div</title>
<style>
#red{
margin: 2rem;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
#pass {
display: block;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
* {
box-sizing: border-box;