Skip to content
OverviewSolutions
6
Comments
5

andretrindade13

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

  • Mikhail•460
    @mkostrikov
    What are you most proud of, and what would you do differently next time?
    What challenges did you encounter, and how did you overcome them?

    css grids still cause difficulties

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

    I will be grateful to those who point out mistakes

    Four card feature section solution

    2
    andretrindade13•80
    @andretrindade13

    Hi Michael, This task was really cool to do and very challenging, because of the CSS grid. I'm much more familiar with flexbox, but grid is amazing. I will take the opportunity to apply it to other projects to learn more. One point I identified is just a detail. Regarding the weights for the <p> paragraphs that you may have missed, I don't know if it's my screen, but I had to use a lighter gray to be closer to the design. I always find it interesting to use a separate style file to organize the code. It's really cool that you use variables. How about you try using Sass as a css preprocessor next time, it's a skill companies always ask for

    • Using a reset.css file is very interesting, to clear all styles, patterns of elements, it can help and simplify life a lot for a large project. Just copy this css from the website into a "reset.css" file and import it into the HTML page, before creating your style file. hugs and good studies
    Marked as helpful
  • andretrindade13•80
    @andretrindade13

    .

  • andretrindade13•80
    @andretrindade13

    You did a great job. I would like to point out some points that you can apply in the next challenges to further improve your skills. I'm also using these techniques on mine and I'm getting used to them.

    Semantic Structure: Use semantic elements such as <header>, <main>, <section>, and <footer> to improve document structure and accessibility.

    Accessibility: Add aria-label in brackets and navigation to describe its functions, improving the experience for screen reader users.

    Social Network Links: Transform buttons into links (<a>) within a list (<ul>), which is more semantic for browsers and SEO tools. Also including target="_blank" and rel="noopener noreferrer" for security and SEO.

    Profile Image: Improve the image alt to describe the photo, which is crucial for accessibility.

  • Vladyslav Kovalchuk•80
    @vladkvlchk
    What are you most proud of, and what would you do differently next time?
    What challenges did you encounter, and how did you overcome them?
    What specific areas of your project would you like help with?

    Preview card using html&css

    1
    andretrindade13•80
    @andretrindade13

    great job

  • Rhitika Pal Adhikari•20
    @PalRhitika
    What are you most proud of, and what would you do differently next time?

    This is the first project challenge i did on frontend mentor . I didn't know about frontend mentor before but now that I know it, will definitely explore more challenges.

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

    i had basic knowledge of html and css so it was a piece of cake

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

    figma to design

    QR code component

    1
    andretrindade13•80
    @andretrindade13

    very good