https://vijay.eu/tags/sports/Recent content in Sports on Vijay KodamHugo -- gohugo.ioenThu, 01 Aug 2024 16:49:32 +0300https://vijay.eu/projects/medal-tally/Thu, 01 Aug 2024 16:49:32 +0300https://vijay.eu/projects/medal-tally/<p>Final medal tally for Finland and India from the Paris 2024 Olympics.</p> <div class="medal-tally-container"> <div class="medal-box"> <h2>Finland</h2> <table> <thead> <tr> <th>Rank</th> <th>Gold</th> <th>Silver</th> <th>Bronze</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td>92</td> <td>0</td> <td>0</td> <td>0</td> <td>0</td> </tr> </tbody> </table> </div> <div class="medal-box"> <h2>India</h2> <table> <thead> <tr> <th>Rank</th> <th>Gold</th> <th>Silver</th> <th>Bronze</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td>71</td> <td>0</td> <td>1</td> <td>5</td> <td>6</td> </tr> </tbody> </table> </div> </div> <style> .medal-tally-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 20px 0; } .medal-box { background-color: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); padding: 20px; flex: 1 1 300px; max-width: 300px; text-align: center; } .medal-box h2 { margin-top: 0; margin-bottom: 15px; } .medal-box table { width: 100%; border-collapse: collapse; } .medal-box th, .medal-box td { border: 1px solid #ddd; padding: 8px; text-align: center; } .medal-box th { background-color: #f2f2f2; } </style>