diff --git a/static/style.css b/static/style.css index 0a8c8b6f1955744f1c9ae1a4da9582a4e2f02728..19617e001a75095ba2a33da32842f9a16ce2b01c 100644 --- a/static/style.css +++ b/static/style.css @@ -575,13 +575,15 @@ b { .awards-box { display: flex; flex-direction: column; - align-items: center; justify-content: center; + align-items: center; + align-content: center; border-style: solid; border-radius: 10px; border-width: 2px; padding: 5px; padding-bottom: 0px; + margin-bottom: 20px; } /* --------------------------------------------------------------------------- */ diff --git a/wiki/pages/awards.html b/wiki/pages/awards.html index ff7e9c8e736ff4370aaa34311c9536d459fb3871..b5ac1fa7c8f9748329db78a02e805380bbb6883c 100644 --- a/wiki/pages/awards.html +++ b/wiki/pages/awards.html @@ -8,33 +8,48 @@ class="reveal-on-scroll"> <br> -<p class="display-4">Gold medal 🥇</p> - -<h1>Nominations</h1> +<h1>Medals</h1> <div class="awards-box reveal-on-scroll"> - <img src="/static/assets/awards/track-foodandnutrition.svg" alt="Track Prize" width="50px"> - <h2 class="reveal-on-scroll">Best Track Prize | Food and Nutrition</h2> + <p class="display-4">Gold medal 🥇</p> </div> +<h1>Track Awards</h1> <div class="awards-box reveal-on-scroll"> - <img src="/static/assets/awards/software-tool.svg" alt="Track Prize" width="50px"> - <h2 class="reveal-on-scroll">Best Software Tool</h2> -</div> + <img src="/static/assets/awards/track-foodandnutrition.svg" alt="Track Prize" width="70px"> + <h2 class="reveal-on-scroll">Best Track Prize | Food and Nutrition</h2> -<div class="awards-box reveal-on-scroll"> - <img src="/static/assets/awards/education.svg" alt="Track Prize" width="50px"> - <h2 class="reveal-on-scroll">Best Education</h2> </div> -<div class="awards-box reveal-on-scroll"> - <img src="/static/assets/awards/presentation.svg" alt="Track Prize" width="50px"> - <h2 class="reveal-on-scroll">Best Presentation</h2> -</div> +<h1>Nominations</h1> -<div class="awards-box reveal-on-scroll"> - <img src="/static/assets/awards/wiki.svg" alt="Track Prize" width="50px"> - <h2 class="reveal-on-scroll">Best Wiki</h2> +<div class="row"> + <div class="col"> + <div class="awards-box reveal-on-scroll"> + <img src="/static/assets/awards/software-tool.svg" alt="Best Software Tool" width="70px"> + <h2 class="reveal-on-scroll">Best Software Tool</h2> + </div> + </div> + <div class="col"> + <div class="awards-box reveal-on-scroll"> + <img src="/static/assets/awards/education.svg" alt="Best Education" width="70px"> + <h2 class="reveal-on-scroll">Best Education</h2> + </div> + </div> +</div> +<div class="row"> + <div class="col"> + <div class="awards-box reveal-on-scroll"> + <img src="/static/assets/awards/presentation.svg" alt="Best Presentation" width="70px"> + <h2 class="reveal-on-scroll">Best Presentation</h2> + </div> + </div> + <div class="col"> + <div class="awards-box reveal-on-scroll"> + <img src="/static/assets/awards/wiki.svg" alt="Best Wiki" width="70px"> + <h2 class="reveal-on-scroll">Best Wiki</h2> + </div> + </div> </div> {% endblock %} \ No newline at end of file