Design comparison
SolutionDesign
Solution retrospective
~ Got confused creating the comment box, will appreciate any suggestions.
Community feedback
- @Aimal-125Posted over 1 year ago
- Create a container i.e <div>
- Put comment box in it
- Give container item position: absolute;
- Give the main GB container position: relative; And set its top and right properties according to the design file.
For the triangle below the comment box:-
- Give comment box position: relative;
- Make another div or span element
- Give this div or span element position: absolute;
- Set this span's to:-
span { position: absolute; bottom: 0; right: 0; border-right: 20px solid transparent; border-left: 20px solid transparent; border-bottom: 20px solid white; rotate: 180deg (or accordingly); }
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