@Michael-Alans
Submitted
@Austinjnr
@Michael-Alans
Submitted
@Austinjnr
Posted
Instead of adding width and height inline on the image tag, consider moving the styling to CSS to separate structure from style, which keeps the HTML clean.
Marked as helpful
@Michael-Alans
Submitted
What challenges did you encounter, and how did you overcome them?
I faced a little challenge in the side of coding the profile picture and the name to float next to each other. So I used flexbox and set a width for the flex container.
@Austinjnr
Posted
Use Semantic Tags, Replace generic <div> elements with more appropriate semantic tags like <section> or <main>. This improves accessibility and readability.
Wrap the main content in a <section> instead of a <div class="container">.
@YoussefGaafar
Submitted
What challenges did you encounter, and how did you overcome them?
Positioning the Container class in the middle of the screen. I have solved this issue by flexbox.
@Austinjnr
Posted
the layout looks good
Marked as helpful