What should be written in the blank of the code for resizing elements in Responsive Web Design with Transitions
Code:
body { background-image: url(fog.jpg); background-size: cover;
background-repeat: no-repeat; color: #fff; font-family: Avenir, Arial, sans-serif;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif; text-align: center;
font-size: 10rem; margin: 8rem auto;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif;
text-align: center; font-size: 10rem; margin: 8rem auto; transition: 1s font-size linear;
}
______________ and (max-width: 1100px) {
h1 { font-size: 8rem; }
Code:
body { background-image: url(fog.jpg); background-size: cover;
background-repeat: no-repeat; color: #fff; font-family: Avenir, Arial, sans-serif;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif; text-align: center;
font-size: 10rem; margin: 8rem auto;
}
h1 { font-family: 'Calluna Sans', Arial, sans-serif;
text-align: center; font-size: 10rem; margin: 8rem auto; transition: 1s font-size linear;
}
______________ and (max-width: 1100px) {
h1 { font-size: 8rem; } A. @media
B. @media screen
C. div
D. transform
Answer: Option B
This Question Belongs to CSS >> CSS3 Transitions And CSS 3 Animations
Related Questions on CSS3 Transitions And CSS 3 Animations
A. Scaled Vector Graph
B. Scalable Vector Graphics
C. Scaled Vector Graphics
D. None of the mentioned
Which of the following defines the color of a line, text or outline of an element?
A. text
B. stroke
C. line
D. all of the mentioned
Join The Discussion