HTML and CSS Reference
In-Depth Information
Look at the devices below along with their specs. Can you design a set of media queries
to target each device?
Smartphone:
480 by 640
pixels
Tablet, portrait,
or landscape:
1,024 by 768
pixels
Internet TV: 2,650 by 1,600
pixels, landscape
Desktop PC: 1,280
by 960 pixels
<link rel="stylesheet" href="lounge-smartphone.css"
media=" ">
<link rel="stylesheet" href="lounge-tablet-portrait.css"
media=" ">
<link rel="stylesheet" href="lounge-tablet-landscape.css"
media=" ">
<link rel="stylesheet" href="lounge-pc.css"
media=" ">
<link rel="stylesheet" href="lounge-tv.css"
media=" ">
Your answers here!
