Design comparison
Solution retrospective
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
- @jolexDevPosted 5 months ago
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@HexersePosted 5 months ago@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@jolexDevPosted 5 months agoI 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 GitHubJoin 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