Skip to content
OverviewSolutions
2
Comments
2

Lauren

@lauren-cheTexas20 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • Lauren•20
    @lauren-chePosted 5 months ago

    Great work! To improve accessibility, consider adding alt attributes to your images, as this provides descriptive text for screen readers. Additionally, while adding classes to your elements is helpful for styling and organization, using more semantic HTML elements (like <h1>, <section>, <main>, etc.) would enhance the document structure and make your content more accessible to both users and search engines.

    0
  • Peter Bentley•30
    @Petros-Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of figuring out that if I screenshot the html page that I created and set it to multiply over the Figma file I can see where exactly things are off (or not) and correct problems from there.

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

    This challenge was difficult because the code I copied directly from the Figma file did not exactly translate to a pixel perfect rendering of the same content in the html file. I used several small adjustments that seemed somewhat illogical (adding some margin, changing some of the copied code from Figma, etc.) to make everything line up correctly from a visual standpoint. But I'm not sure it's the best code.

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

    Mainly wondering, if someone were to chime in, what hacks I employed that could have been avoided. I didn't set up an components or variables in css, and I know that's something I could have done better. But otherwise what (if anything) is wrong with the way I did it from the standpoint of efficient and readable code?

    Plain html and css solution

    1
    Lauren•20
    @lauren-chePosted 5 months ago

    I could not find your final code in your GitHub repository that you linked to your solution. Based on the screenshot of your solution the layout looks good on screen and the hack you used to line up your version with the design in Figma was a really great idea.

    0