diff --git a/css/style.css b/css/style.css index 925a799..37ac19b 100644 --- a/css/style.css +++ b/css/style.css @@ -6,9 +6,9 @@ } body { - background-image: linear-gradient(90deg, rgba(255,92,92,1) 10%, rgb(61, 150, 204) 90%); + background-image: linear-gradient(90deg, rgb(121, 32, 32) 10%, rgb(98, 28, 145) 90%); font-family: Montserrat, sans-serif; - + display: flex; align-items: center; justify-content: center; @@ -33,14 +33,14 @@ p { } .card-container { - background-color: #113044; - border-radius: 25px; - box-shadow: 10px 10px 15px rgba(0,0,0,0.35); - color: #B3B8CD; + background-color: #28c2ec; + border-radius: 50px; + box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.35); + color: #282a32; padding: 30px 0 0; position: relative; width: 350px; - max-width: 100%; + max-width: 350px; text-align: center; margin: 20px 0; overflow: hidden; @@ -48,20 +48,22 @@ p { .card-container img { - border: 1px solid rgba(255,92,92,1); + border: 2px dashed rgb(255, 255, 255); border-radius: 50%; padding: 7px; - height: 150px; - width: 150px; + object-fit: cover; + object-position: left 45% top 50%; + height: 200px; + width: 200px; } .icons i { - background-color: rgba(255,92,92,1); - border: 1px solid rgba(255,92,92,1); + background-color: rgb(36, 220, 88); + border: 1px solid rgb(36, 220, 88); border-radius: 50%; color: #fff; - font-size:x-large; + font-size: x-large; padding: 10px 10px; } @@ -71,23 +73,25 @@ p { .hashtags { - background-color: #113044; - text-align: left; + background-color: #ffffff; + font-size: xx-large; + text-align: center; padding: 15px; - margin-top: 30px; + margin-top: 15px; } .hashtags ul { list-style-type: none; - margin: 0; + margin-top: 5px; + margin-bottom: 10px; padding: 0; } .hashtags ul li { - border: 1px solid rgba(255,92,92,1) ; + border: 2px dashed rgb(36, 220, 88); border-radius: 2px; display: inline-block; - font-size: 12px; - margin: 0 7px 7px 0; - padding: 7px; -} + font-size: 16px; + margin: 0 2px 2px 0; + padding: 2px; +} \ No newline at end of file diff --git a/index.html b/index.html index e3dd62e..cc477f3 100644 --- a/index.html +++ b/index.html @@ -7,31 +7,33 @@ + -
- user -

Saqib Bhatti

-
Düsseldorf
-

Dumpfbacke

-
- - - - - - -
-
-
Hashtags
- +
+ user +

Tim Heimes

+
Vallendar
+

Quereinstieg ist mein Hobby

+
+ + + + + + +
+
+
Hashtags
+
    +
  • #Codingschule
    • +
  • #IT
    • +
  • #Quereinstieg
    • +
  • #Programmieren lernen
    • +
  • #Remote
    • +
+
-
- + + \ No newline at end of file