Mika• 230
@mikatechs
Posted
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