Skip to content

Instantly share code, notes, and snippets.

View emiliogzzguerra's full-sized avatar

emiliogzzguerra emiliogzzguerra

View GitHub Profile
@emiliogzzguerra
emiliogzzguerra / gist:ad3f65527bd2c00a972052efea82a86b
Created November 13, 2021 18:44
girlsintech workshop - blog website HTML (part 2)
<h1>Your blog's title</h1>
<div class="img-wrapper">
<img style="width: 500px; height: auto;" src="https://s26162.pcdn.co/wp-content/uploads/2020/09/Pink_1.jpg"/>
</div>
<h2>Entries:</h2>
<ul>
<li><a href="#blog-1">Blogpost #1</a></li>
<li><a href="#blog-2">Blogpost #2 <span style="background-color: yellow;"><- Featured!</span></a></li>
<li><a href="#blog-3">Blogpost #3</a></li>
@emiliogzzguerra
emiliogzzguerra / gist:6a84a414b08409c03d9c4934e0d0a94e
Created November 13, 2021 18:43
girlsintech workshop - blog website css (part 2)
h1 {
text-align: center;
}
.img-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
<h1>Your blog's title</h1>
<img src="https://s26162.pcdn.co/wp-content/uploads/2020/09/Pink_1.jpg"/>
<h2>Entries:</h2>
<ul>
<li><a href="#blog-1">Blogpost #1</a></li>
<li><a href="#blog-2">Blogpost #2 <- Featured!</a></li>
<li><a href="#blog-3">Blogpost #3</a></li>
<li><a href="#blog-4">Blogpost #4</a></li>
</ul>
<h3 id="blog-1">Blogpost #1</h3>