HTML/CSS Centering Feedback Request

What did you find difficult while centering the <div>?

I found it challenging to [describe the specific challenge, e.g., vertically center the div]. The approach I took was [briefly describe your approach], but I'm open to suggestions on a more effective method.

Which areas of your HTML/CSS code are you unsure of?

I'm unsure about the [specific code snippet, e.g., CSS flexbox properties] I used for centering. I would like feedback on whether this is a recommended approach or if there's a better way to achieve the same result.

Do you have any questions about best practices for centering elements?

I'm interested in learning more about best practices for centering elements in CSS. Are there any recommendations or considerations I should be aware of based on my current implementation?

Here's a snippet of my code for reference:

<!-- Your HTML code here -->

<div class="centered-div">
  <!-- Content goes here -->
</div>

.main-div {
  background-color:hsl(0, 0%, 100%) ;
  width: 30%;
  margin: 60px auto;
  padding: 20px;
  border-radius: 15px;
}