diff --git a/index.html b/index.html index 0f0ba62..5ac5d0d 100644 --- a/index.html +++ b/index.html @@ -10,18 +10,31 @@ .profile { text-align: center; margin: 20px 0; } .profile img { width: 100px; height: 100px; border-radius: 50%; } .profile h1 { margin: 10px 0; } - .links { list-style: none; padding: 0; } - .links li a { - display: block; + .link-item { + display: flex; + align-items: center; background-color: #fff; - color: #333; - padding: 15px 20px; margin: 10px 0; - text-decoration: none; border-radius: 5px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); + text-decoration: none; } - .links li a:hover { background-color: #e9e9e9; } + .link-item img { + width: 50px; + height: 50px; + margin: 10px; + border-radius: 5px; + } + .link-item div { + flex-grow: 1; + } + .link-item a { + display: block; + color: #333; + padding: 15px 20px; + text-decoration: none; + } + .link-item:hover { background-color: #e9e9e9; } @@ -31,13 +44,23 @@

Your Name

Short bio or tagline here.

- + + + + +