@Pranjal412
Submitted
Please help me how to write media queries
@bthnorhan
@Pranjal412
Submitted
Please help me how to write media queries
@bthnorhan
Posted
You can create a series of rules that will be applied based on the screen size or device orientation to use media queries in CSS.
/* Default styles */
body {
font-size: 16px;
}
/* Media query for screens over 768px */
@media (min-width: 768px) {
body {
font-size: 18px;
}
}
The 'body' element in this example has a default style with a font size of 16 pixels. Then, when the screen width is more than or equal to 768 pixels, we add a media query that will take effect. We increase the 'body' element's font size within this media query to 18 pixels. For various screen sizes and orientations, as well as for other elements like font size, color, and layout, you can utilize additional media queries.
@Richardedem6
Submitted
This is my solution to this challenge.
@bthnorhan
Posted
Your images are broken. You should check their paths.
Marked as helpful