@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.
@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.
@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