Design comparison
SolutionDesign
Community feedback
- @mikatechsPosted about 1 year ago
Congrats finishing up your first challenge. I have small recommendations that might help you set things up properly.
- As I have seen your code, there is no need to use absolute positioning and transform: translate on .container class to center your object, instead try:
display: flex, justify-content: center, align-items: center;
on your .template container. - You should always use relative units like %, EM, and REM, that are better suited to responsive design and also help meet accessibility standards. Relative units scale better on different devices because they can scale up and down according to another element's size.
Good luck and happy coding :)
0 - As I have seen your code, there is no need to use absolute positioning and transform: translate on .container class to center your object, instead try:
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