Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
100 lines (70 sloc) 1.88 KB
<!--
Emmet Shortcuts:
- Start typing the name of the element, press <Ctrl+E> to autocomplete:
-->
section
<!-- write a shortcut for nested elements: -->
section>h2
<!-- write a shortcut for sibling elements: -->
img+p
<!-- write a shortcut for an element with a class: -->
section.article-container
<!-- write a shortcut for multiple elements: -->
img*3
<!-- combine any way you'd like! -->
section.gallery>div.image-container*3>img+p.image-caption
<!--
Moving Lines of Text
- Press <Option + Up> or <Option + Down> to move the current line up and down
🎯 Move this <img> tag to be inside the container
-->
<div class="image-container">
</div>
<img src="" alt="">
<!--
Or, select multiple lines and use the same command to move all of the lines at once
🎯 Move the two image-containers and their contents to be inside the section
-->
<section class="gallery">
<div class="image-container">
<img src="" alt="">
</div>
</section>
<div class="image-container">
<img src="" alt="">
</div>
<div class="image-container">
<img src="" alt="">
</div>
<!--
Using Multiple Cursors
- Hold down <Cmd> and click on multiple places. Start typing and press <Escape> to exit
- (Might be <Alt> or <Option> depending on your OS & VSCode settings)
🎯 Add a <p class="image-caption"></p> after each image
-->
<section class="gallery">
<div class="image-container">
<img src="" alt="">
</div>
<div class="image-container">
<img src="" alt="">
</div>
<div class="image-container">
<img src="" alt="">
</div>
</section>
<!--
Select text and press <Cmd + D> to select multiple instances of the same text
🎯 rename `img-container` to `image-container`
-->
<section class="gallery">
<div class="img-container">
<img src="" alt="">
</div>
<div class="img-container">
<img src="" alt="">
</div>
<div class="img-container">
<img src="" alt="">
</div>
</section>