diff --git a/images/.keep b/images/.keep deleted file mode 100644 index e69de29..0000000 diff --git a/images/website_berthume.png b/images/website_berthume.png new file mode 100644 index 0000000..3ec7cc9 Binary files /dev/null and b/images/website_berthume.png differ diff --git a/images/website_bltc.png b/images/website_bltc.png new file mode 100644 index 0000000..a24104f Binary files /dev/null and b/images/website_bltc.png differ diff --git a/images/website_favati.png b/images/website_favati.png new file mode 100644 index 0000000..a496d1a Binary files /dev/null and b/images/website_favati.png differ diff --git a/images/website_jac.png b/images/website_jac.png new file mode 100644 index 0000000..c70616c Binary files /dev/null and b/images/website_jac.png differ diff --git a/images/website_jhc.png b/images/website_jhc.png new file mode 100644 index 0000000..dab695a Binary files /dev/null and b/images/website_jhc.png differ diff --git a/images/website_owlsprit.png b/images/website_owlsprit.png new file mode 100644 index 0000000..9f37c37 Binary files /dev/null and b/images/website_owlsprit.png differ diff --git a/images/website_ptdefense.png b/images/website_ptdefense.png new file mode 100644 index 0000000..722c9f3 Binary files /dev/null and b/images/website_ptdefense.png differ diff --git a/images/website_wallyworks.png b/images/website_wallyworks.png new file mode 100644 index 0000000..320d8d6 Binary files /dev/null and b/images/website_wallyworks.png differ diff --git a/styles/index.css b/styles/index.css index 634496f..f841da1 100644 --- a/styles/index.css +++ b/styles/index.css @@ -73,7 +73,7 @@ section { box-sizing: border-box; } -.albums-list { +.albums-list, .website-list { display: flex; flex-flow: row wrap; justify-content: space-between; @@ -86,6 +86,27 @@ iframe { width: 400px; } +.website-list__item { + display: flex; + flex-direction: column; + max-width: 400px; + margin-bottom: 1em; + font-weight: bold; +} +.website-list__item img { + border: 1px solid #c1c2c0; +} + +@media all and (max-width: 1000px) { + .website-list { + justify-content: space-around; + } + .website-list__item { + max-width: 100%; + margin-bottom: 2em; + } +} + header, footer { @@ -106,6 +127,8 @@ footer { main h1 { padding-left: 1rem; } - section { - } + .website-list__item { + max-width: 100%; + margin-bottom: 2em; + } } diff --git a/websites/index.html b/websites/index.html index a5fde5f..d36b2e7 100644 --- a/websites/index.html +++ b/websites/index.html @@ -34,16 +34,40 @@

My Work

- +
+ + Ayla Favati + + + + JHC Illustration + + + + JJay Berthume Music + + + + Wallyworks Construction + + + + Owl Sprit Cafe + + + + Better Living Coffee + + + + PT Defense + + + + JAC Defenders + + +