Solution retrospective
What are you most proud of, and what would you do differently next time?
I think it's time to use React or Vue.
What challenges did you encounter, and how did you overcome them?In the Figma design file, dividers with a height of 0px and a stroke height of 1px are used. To implement this, I needed to create a divider like the following:
<div class="h-0"> <div class="h-[1px] w-full box-content bg-stone-150"></div> </div>
In the implementation above, the content of the divider overflows.
Dividers are also used in tables. In this case, I needed to wrap the divider with <td>.
Code
Couldn’t fetch repository
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@mvStadenProjects
Looks good, but you can use border-b on your sections and then just add margin on the last element in your section then you don't need to add a divider div.
Marked as helpful
Join 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