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

Raphael Carvalho

@RaphaelCarvalhBrasil, Rio de Janeiro60 points

Olá sou um desenvolvedor Full stack!

Latest solutions

  • RecipePage


    Raphael Carvalho•60
    Submitted about 1 year ago

    N/A


    1 comment
  • SocialLinksProfile


    Raphael Carvalho•60
    Submitted about 1 year ago

    N/A


    1 comment
  • BlogCard desafio 2

    #accessibility#angular#angular-material#astro#animation

    Raphael Carvalho•60
    Submitted about 1 year ago

    nenhuma


    1 comment
  • PAgina com QR code responsiva

    #cube-css#jss#lighthouse#sass/scss#rxjs

    Raphael Carvalho•60
    Submitted about 1 year ago

    nenhuma


    1 comment

Latest comments

  • Jamie Reed•120
    @jreed-11
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Really please with this project, using Flexbox and getting used to lists and stylieing the Numbers and Bullets and also using the the last-child selector to remove the last border of the nutrition table.

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

    Getting used to searching google for solutions when I couldn't remember certain things like making the bullets bold or removing the border on the last row of the nutrition table

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

    N/A

    Responsive landing page using CSS flexbox

    1
    Raphael Carvalho•60
    @RaphaelCarvalh
    Posted about 1 year ago

    Muito legal, que tal tentar usar um container para destacar as informações? realmente a ultima linha da tabela dá trabalho.

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

    Font weights are properly done maybe make spacing better

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

    wasn't a hard one

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

    nothing in particular

    Social links profile

    1
    Raphael Carvalho•60
    @RaphaelCarvalh
    Posted about 1 year ago

    Bem legal a solução parabéns

  • Joshua Olanrewaju Ikulayo•220
    @Saviourjr
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Proud been able to finish this up within a short period of time. Unlike my first which took days for me to finish up.

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

    i wasn't able to make the avatar image inline with the text "Name". I'm open to any suggestions. Thank you

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

    The avatar and the txt "Name" are not inline.I'm having difficulty making it inline.

    Blog-preview-card

    3
    Raphael Carvalho•60
    @RaphaelCarvalh
    Posted about 1 year ago

    Você pode tentar usar o flexbox e o margin-bottom/top para alinhar os itens nessa trecho.

    Marked as helpful
  • Joshua Olanrewaju Ikulayo•220
    @Saviourjr
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Proud been able to finish this up within a short period of time. Unlike my first which took days for me to finish up.

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

    i wasn't able to make the avatar image inline with the text "Name". I'm open to any suggestions. Thank you

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

    The avatar and the txt "Name" are not inline.I'm having difficulty making it inline.

    Blog-preview-card

    3
    Raphael Carvalho•60
    @RaphaelCarvalh
    Posted about 1 year ago

    o texto quebrou um pouco mais está bem legal

    Marked as helpful
  • Aryan Dhir•10
    @aryandhir03
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Proud Aspects: Successfully integrated accessibility and responsive design. Maintained clean and semantic HTML structure.

    Future Improvements: Explore CSS Grid for more complex layouts. Add interactive elements like hover effects.

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

    Challenges Encountered:

    1. Ensuring the QR code component looked good on various screen sizes was initially challenging.
    2. Different browsers were rendering some CSS styles differently, which affected the layout.

    How I Overcame Them:

    1. I used CSS Flexbox effectively to create a flexible layout that adjusts according to the screen size.
    2. I tested the component on multiple browsers and adjusted CSS properties to ensure consistent styling across platforms.
    What specific areas of your project would you like help with?
    1. Tips on reducing redundancy and effectively using CSS variables.
    2. Advanced techniques to improve accessibility for visually impaired users.
    3. What is best practices for adding hover effects or animations without affecting performance or accessibility. 4.Which tools or methodologies can be used for efficient cross-browser compatibility testing.

    Building a QR Code Component with HTML and CSS

    1
    Raphael Carvalho•60
    @RaphaelCarvalh
    Posted about 1 year ago

    Parabéns!!

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