Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
15
Comments
10
Carlos Alberto da Silva
@slayer-br

All solutions

  • Responsive Profile Card Component using Flexbox and CSS Grid

    #pure-css#accessibility

    Carlos Alberto da Silva•280
    Submitted 1 day ago

    I would appreciate feedback on my responsive layout decisions, especially the use of background images and how they scale at different breakpoints. Also, suggestions on how to improve accessibility for screen readers would be very helpful.

    (pt-BR): Gostaria de receber feedback sobre minhas decisões de layout responsivo, especialmente quanto ao uso das imagens de fundo e como elas se ajustam em diferentes breakpoints. Além disso, sugestões para melhorar a acessibilidade para leitores de tela seriam muito bem-vindas.


    1 comment
  • 3-column preview card component using CSS Grid and Flexbox

    #pure-css#accessibility

    Carlos Alberto da Silva•280
    Submitted 2 days ago

    I'd appreciate feedback on how to further improve accessibility and semantic HTML usage. Also open to suggestions on optimizing the responsiveness or any visual details that could be cleaner.

    (pt-BR): Gostaria de receber sugestões sobre como melhorar a acessibilidade e o uso de HTML semântico. Também estou aberto a melhorias na responsividade ou detalhes visuais que possam ficar mais refinados.


    1 comment
  • Responsive stats card using Flexbox & CSS Grid

    #accessibility#pure-css

    Carlos Alberto da Silva•280
    Submitted 4 days ago

    I’d appreciate feedback on improving the readability of my CSS variables setup and on best practices for structuring the media queries when a project grows.

    (pt-BR): Gostaria de receber sugestões para melhorar a organização das minhas variáveis CSS e boas práticas para estruturar os media queries quando o projeto ficar maior.


    0 comments
  • Responsive layout with Flexbox and custom properties

    #accessibility#semantic-ui#pure-css

    Carlos Alberto da Silva•280
    Submitted 9 days ago

    I’d appreciate feedback on accessibility best practices, especially for interactive elements like buttons and links. Also, I'm curious if there's a more efficient way to handle responsive background images with pure CSS.

    (pt-BR): Gostaria de receber feedback sobre boas práticas de acessibilidade, especialmente para elementos interativos como botões e links. Além disso, tenho curiosidade se existe uma forma mais eficiente de lidar com imagens de fundo responsivas usando apenas CSS.


    0 comments
  • Responsive NFT preview card using Flexbox and CSS variables

    #pure-css#semantic-ui#accessibility

    Carlos Alberto da Silva•280
    Submitted 9 days ago

    I’d appreciate feedback on how to best implement the hover overlay effect on the main image using only CSS. Additionally, suggestions on improving accessibility and keyboard navigation would be welcome.

    (pt-BR) Agradeceria sugestões sobre como implementar o efeito de overlay com ícone sobre a imagem principal usando apenas CSS. Além disso, sugestões para melhorar a acessibilidade e a navegação via teclado seriam muito bem-vindas.


    1 comment
  • Interactive Rating Component – HTML, CSS & JavaScript Solution

    #pure-css#animation

    Carlos Alberto da Silva•280
    Submitted 16 days ago

    I'd love feedback on the JavaScript structure:

    • Could the DOM manipulation or event handling be optimized further?
    • Are there better practices for managing the UI state without using a framework?
    • Any accessibility issues I might have missed?

    (pt-BR) Gostaria de receber feedback sobre a estrutura do JavaScript:

    • A manipulação do DOM ou o tratamento de eventos poderia ser otimizado?
    • Existem melhores práticas para gerenciar o estado da interface sem usar um framework?
    • Há algum problema de acessibilidade que eu possa ter deixado passar?

    1 comment
  • Responsive results summary using Flexbox and CSS Variables

    #pure-css#semantic-ui#accessibility

    Carlos Alberto da Silva•280
    Submitted 22 days ago

    I’d appreciate feedback on how to improve visual hierarchy and accessibility using only HTML and CSS. Any suggestions on semantic structure and best practices are welcome!

    (pt-BR): Gostaria de receber feedback sobre como melhorar a hierarquia visual e a acessibilidade usando apenas HTML e CSS. Sugestões sobre estrutura semântica e boas práticas são muito bem-vindas!


    1 comment
  • Responsive FAQ accordion using JavaScript and CSS animations

    #accessibility#pure-css#animation

    Carlos Alberto da Silva•280
    Submitted 30 days ago

    I’d appreciate feedback on improving the animation transitions and maintaining accessibility best practices. Also, suggestions for better structure or semantic HTML are welcome.


    0 comments
  • Responsive Testimonials Grid Section Using CSS Grid

    #pure-css

    Carlos Alberto da Silva•280
    Submitted about 2 months ago

    I’d appreciate feedback on how to make the CSS more scalable and maintainable for larger projects. Also, any suggestions to enhance accessibility or optimize layout performance are welcome.

    Thank you.


    1 comment
  • Responsive feature grid using CSS Grid and Flexbox

    #pure-css

    Carlos Alberto da Silva•280
    Submitted 2 months ago

    I would appreciate suggestions on:

    • How to improve CSS scalability for larger projects

    • Best practices for organizing files and separating responsibilities (e.g., components)

    • Modern alternatives like Tailwind CSS or utility frameworks, and when it's worth using them


    1 comment
  • Responsive product preview card using Flexbox and CSS Grid

    #pure-css

    Carlos Alberto da Silva•280
    Submitted 2 months ago

    I would like feedback on how to further optimize my CSS structure and better handle responsive images for different screen sizes using modern HTML techniques. Any suggestions on improving accessibility would also be appreciated.


    1 comment
  • Responsive recipe page using Flexbox and CSS Variables

    #pure-css

    Carlos Alberto da Silva•280
    Submitted 2 months ago

    I'd like to receive feedback on:

    • The semantics and structure of my HTML.
    • The way I centered the content on the screen.
    • The overall accessibility of the page, especially for keyboard navigation.
    • Suggestions to improve the responsiveness of the nutrition table.

    1 comment
  • Responsive social profile card with hover effects

    #pure-css

    Carlos Alberto da Silva•280
    Submitted 2 months ago

    would like to receive feedback on:

    • The semantics and structure of the HTML.

    • The way I centered the content on the screen.

    • The overall accessibility of the page, especially for keyboard navigation.


    1 comment
  • QR Code component using Flexbox and Mobile-first design


    Carlos Alberto da Silva•280
    Submitted 2 months ago

    I would like to get feedback on the organization of CSS styles, especially regarding the use of variables and the structure of the selector hierarchy. Is there anything I could improve in terms of scalability or performance?


    1 comment
  • Responsive blog preview card with semantic HTML, Flexbox, and CSS Grid


    Carlos Alberto da Silva•280
    Submitted 3 months ago

    I would appreciate feedback on how I can improve accessibility for screen readers and keyboard navigation, as well as suggestions for improving my CSS animations for smoother transitions.


    1 comment
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