Skip to content
OverviewSolutions
7
Comments
4

zezou

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

View more solutions

Latest comments

  • zezou•80
    @Zezou

    You could use main, section, article and footer elements to make it more semantic.

    The table could have a table heading row with the paragraph in it.

    The layout works on a range of screens.

    The code is structured and readable and the solution doesn't differ from the design.

  • FajarAlfian•40
    @FajarAlfian
    What are you most proud of, and what would you do differently next time?

    i do it without googling

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

    making a gap border

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

    i should use angular on list

    Social Link Fajar

    2
    zezou•80
    @Zezou

    You are not using semantic HTML which would make it more accessible to screen readers. The layout works on a range of screen sizes. The code is well structured. I'm not sure about the CSS you seem to be changing settings for .card and .profile alot but that could be my lack of knowledge rather than you doing something wrong.

  • P
    Jaye Heffernan•50
    @jayeheffernan
    What specific areas of your project would you like help with?

    On my .card at desktop size I set max-width: 384px because Figma said width 384px with box-sizing: border-box - but it rendered too small. I had to increase to 386px or swap to box-sizing: padding-box; to make it look right. It's only a couple of pixels, so I'm guessing it comes down to slightly different calculations when centering an element, or something like that. But if you have any workflow tips to get it 100% perfect, LMK!

    Blog Preview Card

    1
    zezou•80
    @Zezou

    Your code doesn't use semantic HTML and it would be better to put the CSS in a separate file and link it in the HTML. The sizing and positioning is better than mine!

  • zezou•80
    @Zezou

    Your solution doesn't use semantic HTML elements <main>, <section>, <article>, <footer>. Mine didn't use all of them either!

    The layout works on the screen sizes I tested in Firefox, not sure why you used a media query though.

    The code is well structured and readable, the missing semantic elements aside.