Submitted over 2 years ago
Tip Calculator App - Javascript, HTML and CSS
@Aphatheology
Design comparison
SolutionDesign
Solution retrospective
How do I fix the reset button to be at the end of the second div? (Kindly check on Desktop view or on PC to get the question). Thanks
Community feedback
- @john-miragePosted over 2 years ago
You can fix the reset button at the bottom by using flexbox.
<div class="result"> <div class="result__tip-amount"></div> <div class="result__total"></div> <button class="result__reset-button"></button> </div>
result { display: flex; flex-direction: column; } result__reset-button { margin-top: auto; }
Marked as helpful1
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