Welcome!
Download
& Install
- Learner files (zip file): bit.ly/llc-responsive
- unzip the learner file (extract all if you’re on a PC)
- open
slides.html in the browser to view the slides
- Atom Text Editor: atom.io
- Chromebook users can use Caret
- Chrome Browser: google.ca/chrome
Intro to Responsive
Web Design
Practice Selecting an element (type selector)
Using the HTML example below, change the “selector” to apply the instructions in the comments.
<p>This is a paragraph</p>
<a href="#">This is a link</a>
More Selector Practice
Using the sample HTML below, try updating the CSS selectors.
<section class="about">
<a href="#">This is a link</a>
<p>This is a paragraph.</p>
</section>