I found it difficult to determine what width to set for both the container element and the main content element. How would you recommend determing what width to use for each of these elements?
What is best practice for adding a margin around the main content, taking into account the default margins of the html element?
Great job!
1-. I would suggest not worrying too much about it right now. If you don't have a pro membership, you will never be 100% sure if your design is the same size. But don't be discouraged; with practice, you will find yourself getting used to it and having fun trying to make the design as accurate as possible.
2.-This one is tricky because you will learn that there are many ways to achieve the same result using different techniques. Instead of thinking, "What's the best practice?" you could choose to search for a simpler and less stressful way to solve a problem.
The next time you want to center any element in the middle, you could use these properties in the body element if you want to see something cool:
body { display: grid; place-items: center; min-height: 100vh; }
happy coding!
