Skip to content
OverviewSolutions
4
Comments
4

Bruna Godoi Machado

@BlackDerekerBrazil - Sao Paulo - Santana de Parnaíba100 points

Working at Globo as a Senior Software Developer

I’m currently learning...

HTML, CSS and React

Latest solutions

Latest comments

  • Bruna Godoi Machado•100
    @BlackDerekerPosted 3 months ago
    • Includes semantic HTML
    • It's accessible
    • Layout is mobile-friendly
    • Code uses quite a lot of divs for each element, not necessarily a bad thing.
    • The solution is pretty similar to design
    0
  • P
    Matthef•170
    @MatFrat95Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to finish this chellenge way faster than i thought it will take. I have some problems with making card fully responsive with flex. For sure next time ill try to make it with grid instead of flex

    Social links profile | HTML and CSS

    #sass/scss#bem
    1
    Bruna Godoi Machado•100
    @BlackDerekerPosted 3 months ago
    • Includes semantic HTML suchs as <main> and <footer>
    • Navigation is good and picture has caption
    • The layout looks good on desktop, however at a smaller screen heights the layout breaks
    • Code looks good
    • It's smaller than the design, but it retains the layout.
    Marked as helpful
    0
  • P
    Matthef•170
    @MatFrat95Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Im proud, I was able to post my second solution same day I made it. I need more consistency to make progress and this is important and the hardest part of learning for me personaly.

    Blog preview card

    #sass/scss#bem
    1
    Bruna Godoi Machado•100
    @BlackDerekerPosted 3 months ago

    It uses semantic HTML, accessible, layout looks good, code is structured, readable and reusable.

    The dimensions are slightly off, but still keeps the same visual aspect of it.

    I see that SCSS was used, but none of it's features were actually leveraged like nested styling. It's not a problem however.

    Marked as helpful
    0
  • Bruna Godoi Machado•100
    @BlackDerekerPosted 10 months ago

    Design recommendations:

    • Card should be rounder, shorter and have shadows
    • Text fonts should be from family Origin
    • Improve should begin with a capital letter

    Accessibility:

    • Landmarks should be added

    Code:

    • Typo on "wrraper" div, should be "wrapper"
    Marked as helpful
    0