All comments

• 

  fr4nbtt• 100

  @fr4nbtt

  Submitted 16 days ago

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

  Content overflow was the main problem at the beginning.

  The first lessons of the recommended course at the start of this Learning Path, Conquering Responsive Layouts by Kevin Powell, helped me a lot in defining more responsive widths and heights to avoid overflow as much as possible.

  I also struggled quite a bit to make the product image span from edge to edge of the card; in the end, I decided to use it as the background image of a div.

  

  Product Preview Card Component

  1

  10

  

  Deng-Abuoi• 40

  @Deng-Abuoi

  Posted 9 days ago

  It's cool

  0
• 

  Deng-Abuoi• 40

  @Deng-Abuoi

  Submitted 23 days ago

  

  Social Media link

  2

  10

  

  Deng-Abuoi• 40

  @Deng-Abuoi

  Posted 20 days ago

  Hey Steven,

  I just wanted to say a huge thank you for your feedback on my profile card project! Your suggestions really helped me see things from a different perspective.

  I’ve made some changes based on your advice:

  I added a <main> tag for better accessibility and structure. I switched the buttons to an unordered list, which makes everything more organized. I included a modern CSS reset to keep the styling consistent across different browsers. I also changed font sizes to rem for better responsiveness. Lastly, I started using the BEM naming convention to keep my CSS tidy. I really appreciate your tips about hosting fonts locally and using a CSS reset; I’ll definitely keep those in mind for my future projects.

  Thanks again for your support! I'm looking forward to refining my skills even more.

  0