In the index.htm/file, add a class attribute with the value tablet-desktop to the examples div In the styles.css file, below the mobile viewport comment, add a new comment that indicates that the following style rule hides the tablet-desktop class. Below the comment, add a new style rule that hides the tablet desktop class
In the index.htm/file, add a class attribute with the value tablet-desktop to the examples div In the styles.css file, below the mobile viewport comment, add a new comment that indicates that the following style rule hides the tablet-desktop class. Below the comment, add a new style rule that hides the tablet desktop class
Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
Related questions
Question
In the index.htm/file, add a class attribute with
the value tablet-desktop to the examples div
In the styles.css file, below the mobile viewport comment, add a new comment that
indicates that the following style rule hides the
tablet-desktop class. Below the comment,
add a new style rule that hides the tablet
desktop class.
Transcribed Image Text:302 Larning X
File
o/index.html?deploymentid=59963619280366961329584664438elSBN=9780357423844&snapshotid=3047303&id=15488798118
view the page.
hent to the ind... >
ment below th...
the...
ss attribute with V
ne examples
e mobile
comment that
le rule hides the
the comment,
the tablet-
view the results
>
8
MindTap Cengage Learning X
index.html
X styles.css
24 /* Style rules for header content */
25 header h1 {
26
text-align: center;
27
color: #fff;
28
29
30
font-family: 'Playfair Display', serif;
padding: 5%;
font-size: 3em;
31 }
32 /*Style rules for mobile veiwpoint*/
33
34 /*Style rules for tablet-desktop*/
35 .tablet-desktop {display: none};
36
X +
37 /* Style rules for navigation area */
38 nav {
39
40
41}
42
43 nav ul {
44
45
46}
47
48 nav li {
49
50
61
52
53
background-color: #ebf7e3;
border-bottom: 1px solid #375f1b;
text-align: center;
list-style: none;
font-size: 1em;
font-family: Geneva, Arial, sans-serif;
font-weight: bold;
padding: 3%;
display: inline-block;
NO
+
I
Transcribed Image Text:he
X
e page. >
html?deploymentid=59963619280366961329584664438celSBN=97803574238448snapshotid=3047303&id=1548879811&takeld=0fa24
the ind... >
pute with
ples
9
ent that
hides the
ment,
blet-
elow th... > 38
39
e results
Minclop-Cengage Learning X
A
>
35
36
37
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
68
59
index.html
X styles.css
<p>Every modern browser uses a default style sheet to display webp
exact same style sheet, so style rules vary by browser. These style sheets are
style sheets. Select from the following options to view user agent style sheet
<p><a href="https://chromium.googlesource.com/chromium/blink/+/ma:
html.css"
target="_blank">Chrome</a></p>
<p><a href="https://dxr.mozilla.org/mozilla-central/source/layout,
target="_blank">Firefox</a></p>
</div>
X +
<p><a href="https://trac.webkit.org/browser/trunk/Source/WebCore/
target="_blank">Safari</a></p>
<img src="images/devtools.jpg" alt="Google Chrome DevTools">
<div id="examples">
<class="tablet-desktop">
<h2>Style rules from Chrome</h2>
<p>
body {
}
</p>
+
<p>
display: block;
margin: 8px
body:-webkit-full-page-media {
I
Web Bro
localhos
Style rul
Chrome
body { disp
8px}
body:-webk
{backgrour
0)}
p{display: b
margin-befo
webkit-marg
1 qem; -we
start: 0; -web
0; }
div { display:
layer { display
article, aside,
hgroup, main,
display: block
Expert Solution
This question has been solved!
Explore an expertly crafted, step-by-step solution for a thorough understanding of key concepts.
This is a popular solution!
Trending now
This is a popular solution!
Step by step
Solved in 2 steps with 2 images
Knowledge Booster
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Recommended textbooks for you
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education