Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social-Link-Profile

P
Hexerse 460

@Hexerse

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

What I am proud of is that I am able to do this faster and faster now.

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

When it came to creating blocks for the media information. I was stumped. I went back to research.

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

nil

Community feedback

@jolexDev

Posted

Suggestion to always keep your styles inside a folder, write your css externally. Correct the image path with "./assets/images/avatar-jessica.jpeg" <- with a dot after the first quotation mark.

My advice is to always use classes for selecting elements, ID's are usually used for the purpose of linking elements.

1

P
Hexerse 460

@Hexerse

Posted

@jolexDev Thanks so much for the first input, I never knew why my images were not workings. As for ID's and Classes I do not really understand the difference. If you have the time, could you elaborate ? Thank you.

0

@jolexDev

Posted

I am not immensely experienced but I assume the IDs are typically used for providing code identification for an element, which is used to connect it with another element or specific function (ex. id="name") You can still use IDs for styling but it's not the standard convention, classes or html elements themselves are a better choice.

Classes are more popular for styling and their names should always be descriptive but also concise (ex. grid-3-colums, flex and etc.. )

Utility classes are also very useful for keeping your code organized and neat (dark--bg, headings--light and etc) This allows you to just place the desired utility class within an html element you want to style specifically, moreover it allows visitors to clearly understand what style is applied to the element.

I hope this is clear enough :D

@Hexerse

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord