Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
9

João Victor Souza

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

  • Testimonials grid section


    João Victor Souza•150
    Submitted about 1 year ago

    accept any comments that may help me improve


    1 comment
  • Four card feature section with react and tailwind

    #react#tailwind-css

    João Victor Souza•150
    Submitted about 1 year ago

    none


    1 comment
  • Product preview card component with tailwind

    #tailwind-css

    João Victor Souza•150
    Submitted about 1 year ago

    none at the moment, but the project still needs to be made responsive


    1 comment
  • Order-summary-component with react

    #react

    João Victor Souza•150
    Submitted about 1 year ago

    none but this app is only visual at the moment, has no hover and is not yet responsive for mobile devices


    0 comments
  • recipe-page display flex


    João Victor Souza•150
    Submitted about 1 year ago

    none


    1 comment
  • Social Links Display-flex


    João Victor Souza•150
    Submitted about 1 year ago

    I already knew what I needed to develop the application, so I don't need any help.


    1 comment
View more solutions

Latest comments

  • P
    Julie Crotzer•450
    @JCrotzer
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I have been learning grid.

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

    Trying to layout the articles in desktop using grid.

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

    Open to suggestions on ways I can improve using grid.

    Testimonials Grid Section using Grid and Flexbox

    1
    João Victor Souza•150
    @JoaoVictodev
    Posted about 1 year ago

    It's looking good, congratulations

  • João Victor Souza•150
    @JoaoVictodev
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I would do it using a framework

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

    I had difficulty positioning the card

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

    accept any comments that may help me improve

    Testimonials grid section

    1
    João Victor Souza•150
    @JoaoVictodev
    Posted about 1 year ago

    I've already changed the users' photos but I'm using the free plan and I've already reached the screenshot limit

  • dewyrag•230
    @dewyrag
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Proud of getting the design down quickly.

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

    I had trouble transitioning from mobile to desktop, I didn't know how to move the 2 outer cards, So I learned transform: translate and moved the cards into position. I uploaded the solution then later realised that the Karma and Calculator cards are supposed to be switched. Yesterday I learned Grid through Grid Garden and changed the display to grid instead of flex in media queries. I got confused on how to set up the columns and rows so I watched a video on that. Learning transform came in handy at the end.

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

    I will take any feedback.

    Four card feature section

    1
    João Victor Souza•150
    @JoaoVictodev
    Posted about 1 year ago

    It's very good, just center the content and it will be perfect.

  • João Victor Souza•150
    @JoaoVictodev
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    i'm proud of all my progress in tailwind

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

    Taiwind is something new to me, the process has been a bit challenging as I'm learning while doing this project.

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

    none at the moment, but the project still needs to be made responsive

    Product preview card component with tailwind

    #tailwind-css
    1
    João Victor Souza•150
    @JoaoVictodev
    Posted about 1 year ago

    the design is now responsive

  • Kirthigesan Ravichandran•50
    @ravichak1
    Submitted about 1 year ago

    Product Preview Card Component

    1
    João Victor Souza•150
    @JoaoVictodev
    Posted about 1 year ago

    good work but, to maintain good semantics, it would be interesting to add the main tag around all the content.

  • Samuel Nerat•120
    @Samuelnerat
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the design.

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

    i encountered a challenge with adding horizontal lines to my table. i didn't get a particular resource to fix it

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

    i would like help with the code in general if it needs any improvements also how can I add horizontal lines to my table and color to my li symbols and numbers

    Recipe Page using HTML and CSS

    2
    João Victor Souza•150
    @JoaoVictodev
    Posted about 1 year ago

    Hello, you can color the dots and numbers with the counter-reset property of the css, take a look at sites like mozilla and w3schools that have detailed information on how it works.

    Marked as helpful
View more comments
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub