Responsive Social links Profile

What are you most proud of, and what would you do differently next time?

• I used relative units such as percentages and rem to create a responsive and adaptable layout that adjusts well to various screen sizes.
• I would consider incorporating media queries in design which styles more precisely for different screen sizes.

What challenges did you encounter, and how did you overcome them?

• One challenge I encountered was aligning buttons within an unordered list. I used the grid system to align list items (li) within the unordered list (ul), allowing for precise control over the layout of the buttons.

.social-links {
  display: grid;
  gap: 0.75rem;
  list-style-type: none;
  margin-top: 2rem;
}

• I added box-sizing: border-box globally using the universal selector *. This prevented unexpected variations in button sizes caused by padding and borders.

What specific areas of your project would you like help with?

• I would appreciate hearing about my approach to solving the challenge. Was the method I used the right approach for the challenge I faced? Additionally, is there a simpler way I could have implemented it more effectively?