JMR-dev/Sally-Interests
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

"Merging changes"

Browse Source 
Merge branch 'flexbox-edit-and-review'
This commit was merged in pull request #1.
This commit is contained in:
JMR-dev
2021-10-04 13:52:31 -05:00
parent 29912c22d4 2687104d3a
commit 3e073911b9
2 changed files with 52 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+51 -69
View File
@@ -8,75 +8,57 @@
<link rel="stylesheet" type="text/css" href="styles/main.css" media="screen" />
</head>
<section>
<!-- Parent biography component -->
<article class="bio">
<!-- Child biography component -->
<section class="bio__name">
<h1>Sally Forthwright</h1>
</section>
<!-- Child biography component -->
<section class="bio__address">
100 Infinity Way, Nashville
</section>
<!-- Child biography component -->
<section class="bio__interests">
<div class="interest">
Oyster harvesting
</div>
<div class="interest">
Juggling
</div>
<div class="interest">
Triathlons
</div>
<div class="interest">
Killing ants
</div>
<div class="interest">
Melting stuff
</div>
<div class="interest">
Coloring
</div>
<div class="interest">
Sleeping
</div>
<div class="interest">
Singing
</div>
</section>
</article>
<body>
<header class="pageHeader">Coffee Houses of Nashville</header>
<section class="list">
<article class="shop">The Jam</article>
<article class="shop">The Well</article>
<article class="shop">Red Bicycle</article>
<article class="shop">Crema</article>
<article class="shop">Frothy Monkey</article>
<article class="shop">8th &amp; Roast</article>
<article class="shop">Bongo Java</article>
<article class="shop">Flatrock</article>
<article class="shop">Fido</article>
<article class="shop">Steadfast Coffee</article>
<article class="shop">Dose Coffee</article>
<article class="shop">Sam &amp; Zoes</article>
<article class="shop">Slow Hand Coffee</article>
<article class="shop">The Horn</article>
<main>
<!-- Child biography component -->
<section class="bio__name">
<h1>Sally Forthwright</h1>
</section>
</style>
</body>
<body>
<section>
<!-- Parent biography component -->
<article class="bio">
<!-- Child biography component -->
<section class="bio__address">
100 Infinity Way, Nashville
</section>
<!-- Child biography component -->
<section class="bio__interests">
<div class="interest">
Oyster harvesting
</div>
<div class="interest">
Juggling
</div>
<div class="interest">
Triathlons
</div>
<div class="interest">
Killing ants
</div>
<div class="interest">
Melting stuff
</div>
<div class="interest">
Coloring
</div>
<div class="interest">
Sleeping
</div>
<div class="interest">
Singing
</div>
</section>
</body>
</main>
</html>
styles/main.css
+1 -1
View File
@@ -18,7 +18,7 @@ text-align: center;
.bio__interests {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly; /* Evenly space the child elements */
float: left; /* Evenly space the child elements */
}
.interest {