From ffc7749c2342cca4d787647bdc2fa910d2a99395 Mon Sep 17 00:00:00 2001 From: Kaleb Joseph Date: Mon, 31 Jul 2023 22:42:02 -0400 Subject: [PATCH] reg commit --- challenge_1/style.css | 38 ++++++++++++++++-------------- challenge_2/index.html | 23 ++++++++++++------ challenge_3/challenge_3a/style.css | 1 + challenge_3/challenge_3b/style.css | 10 ++++++-- challenge_3/challenge_3c/style.css | 26 +++++++++++++++++++- warm_up_challenge/style.css | 10 ++++---- 6 files changed, 75 insertions(+), 33 deletions(-) diff --git a/challenge_1/style.css b/challenge_1/style.css index 042bc54..3f6e8c3 100644 --- a/challenge_1/style.css +++ b/challenge_1/style.css @@ -1,37 +1,39 @@ -bod { - background-color: black - color: white - font-familia: Helveticalalala; - font-size: 22px +body { + background-color: black; + color: white; + font-family: Arial, Helvetica, sans-serif; + font-size: 22px; padding: 20px; } h1 { - colour: 255, 203, 5; /* rgb value */ - textalign: center; + color: 255, 203, 5; /* rgb value */ + text-align: center; } -#big_div - border: 3px solid 2E549B; /* hex value */ +.big_div { + border: 3px solid #2E549B; /* hex value */ margin: 30px; - pading: 20px; + padding: 20px; } -pokemon_name { - text-align: center +.pokemon_name { + text-align: center; font-size: 150; - font: bold + font-weight: bold; margin: 10px; - +} .sub_div { display: flex; } img { - width: 250; + width: 250px; padding-right: 50px; } -special { - font-wieght: cold - color: 255, 203, 5; /* rgb value */ \ No newline at end of file +#special { + font-weight:bold; + color:rgb(225,203,5); /* rgb value */ + +} \ No newline at end of file diff --git a/challenge_2/index.html b/challenge_2/index.html index a4b4b49..405c51e 100644 --- a/challenge_2/index.html +++ b/challenge_2/index.html @@ -2,18 +2,27 @@ + Challenge #2 -
Happy Birthday Pikachu! -
+
+

Happy Birthday Pikachu!

+ +
+

Pikachu's birthday wishes:

-
  • To always remain yellow
    • -li>To never evolve into Raichu -
  • To stop electrocuting Ash -
  • To always defeat Team Rocketimg id="team-rocket" source="images/team_rocket.jpg">
    • +
      +
    • To always remain yellow
      • +
    • To never evolve into Raichu
      • +
    • To stop electrocuting Ash
    • +
    • To always defeat Team Rocket
      • + +
    +
    -

    Click here to visit Pikachu's Pokedex entry

    +

    + Click here to visit Pikachu's Pokedex entry

    \ No newline at end of file diff --git a/challenge_3/challenge_3a/style.css b/challenge_3/challenge_3a/style.css index 8c6e487..e82fe96 100644 --- a/challenge_3/challenge_3a/style.css +++ b/challenge_3/challenge_3a/style.css @@ -12,4 +12,5 @@ div { width: 600px; border: 5px solid black; display: flex; + flex-direction: row-reverse; } \ No newline at end of file diff --git a/challenge_3/challenge_3b/style.css b/challenge_3/challenge_3b/style.css index cd92d42..64c2ec5 100644 --- a/challenge_3/challenge_3b/style.css +++ b/challenge_3/challenge_3b/style.css @@ -8,8 +8,14 @@ img { } div { - margin: auto; + margin:auto; width: 1250px; height: 400px; border: 5px solid black; -} \ No newline at end of file + display: flex; + align-items: center; + justify-content: center; + +} +/* 1250 px +400 px */ \ No newline at end of file diff --git a/challenge_3/challenge_3c/style.css b/challenge_3/challenge_3c/style.css index 71d5d22..e0384a7 100644 --- a/challenge_3/challenge_3c/style.css +++ b/challenge_3/challenge_3c/style.css @@ -10,9 +10,33 @@ img { div div { margin: auto; width: 33%; - height: 250px; + height: 150px; } #big_div { border: 5px solid black; + display: -ms-inline-flexbox; +} +#sub_div1{ +display: inline; +flex-direction: row; +justify-content: left; +align-items: center; + + +} +#sub_div2{ + display: block; + flex-direction: row; + align-items: center; + justify-content: center; +} + + +#sub_div3{ + display: -moz-box; + align-items:flex-end ; + justify-content: right; + + } \ No newline at end of file diff --git a/warm_up_challenge/style.css b/warm_up_challenge/style.css index 96d202e..ec636be 100644 --- a/warm_up_challenge/style.css +++ b/warm_up_challenge/style.css @@ -9,10 +9,10 @@ _________ { } /* Record your solutions here: - #1 - - #2 - - #3 - - #4 - - #5 - + #1 - .pika chuuuuu + #2 - #unique + #3 - #Div + #4 -#body + #5 -#html e.g. - .pika */ \ No newline at end of file