All comments

• 

  P

  Erika Peterson• 80

  @Erika-codes

  Submitted 13 days ago

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

  I am most proud of being able to look things up when I do not know how to do something.

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

  The challenge I encountered was centering the top info and the unordered list. I overcame those challenges by searching online and playing around with the code.

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

  The specific area of my project that I would like help with is, I am not sure what I am doing wrong/correct, so any help and advice is appreciated.

  

  Social links profile using HTML/CSS

  1

  30

  

  Jasper• 50

  @jaspervo91

  Posted 12 days ago

  Neat code Erika!

  Why did you choose to make the <li> element look like a button instead of the <a> element?

  0

  This comment has received 1 replyShow
• 

  Claudia• 300

  @ClaudiaRamirezD

  Submitted 13 days ago

  

  Blog-preview-card

  1

  10

  

  Jasper• 50

  @jaspervo91

  Posted 13 days ago

  Hi Claudia,

  Your solution looks good on a range of screen sizes!

  Are you using heading elements to resize text? Try to use the CSS font-size property instead. Also avoid skipping heading levels.

  See Heading elements usage notes on MDN Web Docs.

  0
• 

  Muftiat Bakare Abdullahi• 20

  @MUFTIATBAKARE

  Submitted 19 days ago

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

  I need a feedback on another way to go about this project. A shorter code?

  

  Mobile-first solution using css flexbox

  3

  30

  

  Jasper• 50

  @jaspervo91

  Posted 19 days ago

  Neat code!

  You can use the max-width property to set the maximum width of an element.

  The problem with the <main> container and <img> element occurs when the browser window is smaller than the width of the element (320px and 288px respectively). The browser then adds a horizontal scrollbar to the page.

  Using max-width instead, will improve the browser's handling of small windows.

  For example:

  img {
      max-width: 288px; /* or 100% */
      height: auto;
      border-radius: 16px;
  }
  

  Marked as helpful

  0