Submitted over 1 year ago
Result Summary Component using basic HTML and CSS
@ZubairAbid101
Design comparison
SolutionDesign
Solution retrospective
Q1 Any guidance for using .json files in HTML? Q2 How can I make this code more "pleasing to the eye"? Q3 What other unit scheme should I adopt?
Community feedback
- @Kamlesh0007Posted over 1 year ago
Congratulations on completing the challenge! That's a great achievement, and I'm sure you put a lot of effort into it. I really liked the way you approached the challenge and the code you wrote. You demonstrated a good understanding of the concepts and applied them effectively to solve the problem.I have a few suggestions to improve your code further. You need to add the below code for mobile design
@media (max-width: 500px){ #individual-score-container { display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center; } #total-score-container { width: 100%; } } #total-score-container { display: flex; flex-direction: column; justify-content: space-between; width: 50%; background: linear-gradient(var(--total-score-bg-color-start), var(--total-score-bg-color-end)); border-radius: 0 0 10px 10px; }
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord