diff --git a/css/style.css b/css/style.css index 3f5ec8b..aa3a562 100644 --- a/css/style.css +++ b/css/style.css @@ -122,11 +122,12 @@ footer > a { margin-bottom: 1rem; } -/* .alignedHeader img { - width: 100%; +.alignedHeader img { + /* /* width: 100%; */ height: 100%; -} */ + /* margin-left: auto; */ +} .stacked { display: grid; @@ -147,12 +148,15 @@ footer > a { padding: 0.5rem; box-shadow: 0 0.25rem 1rem rgba(0 0 0 / 0.1); + border: gray 2px dashed; + border-radius: 5px; } .projects-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr)); gap: 0.25rem; + margin-top: 0.5rem; } .projectsDiv > * { @@ -161,10 +165,9 @@ footer > a { .project-card { border: 3px solid var(--projects-border-color); - border-radius: 5%; - aspect-ratio: 1 / 1.5; + border-radius: 10px; + aspect-ratio: 1 / 1.4; overflow: hidden; - /* display: inline-bloc; */ } .card__img { @@ -188,6 +191,7 @@ footer > a { } */ .card__techUsed img { + margin-top: 0.25rem; width: 100%; height: 100%; } diff --git a/index.html b/index.html index 20f4ca6..8d69cff 100644 --- a/index.html +++ b/index.html @@ -54,10 +54,10 @@

The Huddle Landing Page

-

+