Skip to content
OverviewSolutions
3
Comments
3
Jasper
@jaspervo91

All comments

  • Erika Peterson•80
    @erika-codesSubmitted 2 months 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
    Jasper•50
    @jaspervo91Posted 2 months ago

    Neat code Erika!

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

    0
  • Jasper•50
    @jaspervo91Posted 2 months 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
  • Jasper•50
    @jaspervo91Posted 2 months 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