diff options
| author | Ahmed Abdelhalim <[email protected]> | 2021-07-05 14:24:03 +0200 |
|---|---|---|
| committer | Ahmed Abdelhalim <[email protected]> | 2021-07-05 14:24:03 +0200 |
| commit | 13f6a6fac32aad4bf6d3e2a18fb1615d6c41dab5 (patch) | |
| tree | dc74b0e26ac9a655274d58b98427141f41b53cc2 /app | |
| parent | 79c1ee1c608ce5761973d3353ad0da802d3f9645 (diff) | |
Refactor education section to use BEM naming
Diffstat (limited to 'app')
| -rw-r--r-- | app/assets/index.html | 10 | ||||
| -rw-r--r-- | app/stylesheets/web/education.styl | 18 |
2 files changed, 14 insertions, 14 deletions
diff --git a/app/assets/index.html b/app/assets/index.html index c55e982..4acda28 100644 --- a/app/assets/index.html +++ b/app/assets/index.html @@ -285,11 +285,11 @@ <article class="education"> <h1 class="education__header section-header">Education</h1> <article class="education__details"> - <h2 class="education__details__degree">B.E. in Computer Science and Engineering</h2> - <p class="education__details__university">Arab Academy for Science and Technology</p> - <p class="education__details__gpa">GPA 3.1/4.0 (B - Very Good)</p> - <em class="education__details__location">Alexandria, Egypt</em> - <em class="education__details__duration">Sep. 2005 - Jan. 2011</em> + <h2 class="education__degree">B.E. in Computer Science and Engineering</h2> + <p class="education__university">Arab Academy for Science and Technology</p> + <p class="education__gpa">GPA 3.1/4.0 (B - Very Good)</p> + <em class="education__location">Alexandria, Egypt</em> + <em class="education__duration">Sep. 2005 - Jan. 2011</em> </article> </article> </main> diff --git a/app/stylesheets/web/education.styl b/app/stylesheets/web/education.styl index d6ea3a6..cf54f19 100644 --- a/app/stylesheets/web/education.styl +++ b/app/stylesheets/web/education.styl @@ -12,32 +12,32 @@ } } -.education__details__degree { +.education__degree { min-width: 100% align-self: center font-size: 1.1em margin-bottom: 0 } -.education__details__university -.education__details__gpa -.education__details__duration -.education__details__location { +.education__university +.education__gpa +.education__duration +.education__location { min-width: 50% margin: 0 } -.education__details__university { +.education__university { } -.education__details__gpa { +.education__gpa { order: 3 @media screen and (max-width: 780px) { order: 2 } } -.education__details__duration { +.education__duration { order: 2 text-align: right align-self: flex-end @@ -47,7 +47,7 @@ } } -.education__details__location { +.education__location { order: 4 text-align: right align-self: flex-end |