All solutions

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

I'm most proud of successfully creating a responsive and accessible digital portfolio, while effectively utilizing external fonts and hover animations for a polished look. Next time, I might delve deeper into advanced CSS techniques for even greater accessibility.

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

The biggest challenge was ensuring the custom fonts loaded correctly and appeared as intended. I initially encountered issues with incorrect @font-face syntax and font-weight values. By breaking down the @font-face rules for each font variant and correcting the syntax, I was able to resolve the problem. This taught me the importance of attention to detail and thorough testing.

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

I learned how to use HTML5 for semantic markup, CSS for styling, and Flexbox for creating responsive layouts. I also explored the box-sizing: border-box; property to ensure consistent element sizing and the importance of media queries for a mobile-first workflow. Additionally, I've effectively integrated these concepts to create a well-structured, responsive webpage.

Some HTML code I'm proud of

proud of this css

{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  gap: 15px;
  box-sizing: border-box;
  padding: 15px;
  max-width: 230px;
  text-align: center;
  font-family: 'Roboto', Arial, sans-serif;
}

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

One of the challenges I encountered was making the design responsive. Initially, I struggled to achieve this using only CSS and HTML. However, I overcame this by learning and applying various CSS techniques, such as Flexbox and Mobile-first workflow. These strategies allowed me to create a layout that adapts smoothly to different screen sizes. This experience taught me the importance of responsive design in ensuring accessibility and usability across all devices.