pib-portfolio/lesson-htmlcss-3.html at master · ProjectInABox/pib-portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html>
<title>Project In A Box</title>

<xmp theme="" style="display:none;">

[Home](index.html)

  ## Structure, Style, Starter Code: Part Seven

  [<< Previous Lesson](lesson-htmlcss-2d.html)&nbsp;&nbsp;|&nbsp;&nbsp;[Next Lesson >>](lesson-js-1.html)

  ### <span style="color:red">Final Challenge: Mirror, Mirror</span> <br>

  <span style="color:grey">Source: [Professor Thomas Powell's CSE 134B Homework #2 - CSS Replication and Application](http://classes.pint.com/cse134b/homework/hw2.html)</span>

  The time has come to test your CSS knowledge to its fullest extent! Given the HTML, we need you to replicate a mirror image of this beautiful design.

  <img src="images/beautiful-css.png" alt="Beautiful CSS" style="height: 50%; width: 50%">

  As mentioned in the last CSS lesson, keep in mind that your design has to be responsive, so that when you reduce your browser window to its smallest setting or open the page on mobile it should look like this.

  <img src="images/beautiful-css-2.png" alt="Beautiful CSS Responsive" style="height: 50%; width: 50%">

  Download the HTML starter code [here](images/hw2.zip).

  <span style="color:blue">Tip: </span> There is no need to modify the HTML in any way.


  [<< Previous Lesson](lesson-htmlcss-2d.html)&nbsp;&nbsp;|&nbsp;&nbsp;[Next Lesson >>](lesson-js-1.html)

</xmp>

<script src="http://strapdownjs.com/v/0.2/strapdown.js"></script>
</html>