diff options
| author | Ahmed Abdelhalim <[email protected]> | 2023-08-10 15:39:23 +0300 |
|---|---|---|
| committer | Ahmed Abdelhalim <[email protected]> | 2023-08-10 15:56:39 +0300 |
| commit | f722d20725586ee4744d077770ef7a89ab05e360 (patch) | |
| tree | eb141eb2831164a2b1078f56cb52a356ad2171a5 /assets/scss/web/_education.scss | |
| parent | aac6c22687ca78f5131545e46b637fd63a8dff89 (diff) | |
Migrate from brunch to hugo
Diffstat (limited to 'assets/scss/web/_education.scss')
| -rw-r--r-- | assets/scss/web/_education.scss | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/assets/scss/web/_education.scss b/assets/scss/web/_education.scss new file mode 100644 index 0000000..51179e3 --- /dev/null +++ b/assets/scss/web/_education.scss @@ -0,0 +1,58 @@ +.education { + // add empty space to the end of page (as big as the header) + margin-bottom: 150px; +} + +.education__details { + display: flex; + flex-flow: row wrap; + justify-content: space-between; + @media screen and (max-width: 780px) { + flex-flow: column wrap; + } +} + +.education__degree { + min-width: 100%; + align-self: center; + font-size: 1.1em; + margin-bottom: 0; +} + +.education__university, +.education__gpa, +.education__duration, +.education__location { + min-width: 50%; + margin: 0; +} + +.education__university { +} + +.education__gpa { + order: 3; + @media screen and (max-width: 780px) { + order: 2; + } +} + +.education__duration { + order: 2; + text-align: right; + align-self: flex-end; + @media screen and (max-width: 780px) { + text-align: left; + align-self: flex-start; + } +} + +.education__location { + order: 4; + text-align: right; + align-self: flex-end; + @media screen and (max-width: 780px) { + text-align: left; + align-self: flex-start; + } +} |
