Design comparison
SolutionDesign
Community feedback
- @porumbachanovPosted 2 months ago
Hi there, I have a few suggestions that could improve the design.
- The form is way too stretched, I would suggest using
"rem"
instead of percentage for the"max-width"
. - For the custom list image (the checkmarks), instead of targeting the
"ul"
with the"::before"
pseudo-element, you can directly change the list style of the"ul"
by usinglist-style-image: url(url to image)
. - There really is no need for using CSS Grid, all of this could be accomplished with Flexbox, it would make the code look way cleaner. You can accomplish this by separating the content (the text, form, button, etc.), and the image into two "container" divs and just
display: flex
them.
Not sure if the last point made sense, but hope it this helps.
Marked as helpful0@Mubarak-AdeyemiPosted 2 months agoThanks, buddy!
Using the list-style image does not sit well with the list element, and it's not positionable.
0 - The form is way too stretched, I would suggest using
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