diff --git a/dist/app.css b/dist/app.css index 42e9462..0858bfb 100644 --- a/dist/app.css +++ b/dist/app.css @@ -11974,3 +11974,16 @@ textarea.form-control-lg { display: none !important; } } +img { + max-width: 100%; +} + +.team-members .team-members-wrapper { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +.team-members .team-members-wrapper .team-member { + border: 1px solid #C5C5C5; + border-radius: 10px; +} diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index ab50694..0ebe698 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/app.js": "/app.js?id=099e96d934e937b07341f2ca9fb82ec2", - "/app.css": "/app.css?id=58e820f334305f8133ab61227bac5d24" + "/app.css": "/app.css?id=5edcfa4b365c7c0c568d5945036c2b1f" } diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index 9df3129..cd838bd 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -1,5 +1,6 @@ $c-offWhite: #F2F2F2; $c-offWhiteLight: #F9F8F8; +$c-borderGrey: #C5C5C5; $c-navy: #063C5A; $c-charcoal: #2B2400; $c-tan: #B9AF78; diff --git a/src/scss/app.scss b/src/scss/app.scss index c12d683..1c453e2 100644 --- a/src/scss/app.scss +++ b/src/scss/app.scss @@ -2,3 +2,7 @@ // dependancies - bootstrap @import "../../node_modules/bootstrap/scss/bootstrap"; + +@import "global"; + +@import "team-members"; diff --git a/src/scss/global.scss b/src/scss/global.scss new file mode 100644 index 0000000..66e1654 --- /dev/null +++ b/src/scss/global.scss @@ -0,0 +1,3 @@ +img { + max-width: 100%; +} diff --git a/src/scss/team-members.scss b/src/scss/team-members.scss new file mode 100644 index 0000000..67a8b9b --- /dev/null +++ b/src/scss/team-members.scss @@ -0,0 +1,16 @@ +.team-members-top { + +} + +.team-members { + .team-members-wrapper { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + + .team-member { + border: 1px solid $c-borderGrey; + border-radius: 10px; + } + } +}