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

Alex Santos

@alexsantosworkSão Paulo240 points

Desenvolvedor Front-End HTML - CSS - JAVASCRIPT.

I’m currently learning...

Desenvolvimento Full Stack

Latest solutions

  • Acordeon - Feito com HTML, CSS e JAVASCRIP, com lealt responsivo.

    #pure-css

    Alex Santos•240
    Submitted 7 months ago

    No arquivo javascript, sei que pode ser feito com menos código, pretendo refatorar posteriormente.


    0 comments
  • Gerador de Conselho


    Alex Santos•240
    Submitted 8 months ago

    No momento, estou focado no JavaScript, todo feedback será bem-vindo.


    0 comments
  • Lealt responsivo feito com display grid

    #pure-css

    Alex Santos•240
    Submitted 8 months ago

    Em tornar as fontes responsivas.


    0 comments
  • Formulario HTML - CSS -JAVASCRIPT.


    Alex Santos•240
    Submitted 8 months ago

    Ajuda sobre o arquivo javascript será bem vinda.


    1 comment
  • Cartão de Perfil Social


    Alex Santos•240
    Submitted 9 months ago

    Sei que o meu código não está 100% limpo, sei que posso melhorar nesse ponto, porém estou me aperfeiçoando com a prática e qualquer feedback é sempre bem-vindo.


    1 comment
  • Challange Name Lealt Responsivo


    Alex Santos•240
    Submitted 9 months ago

    Percebi que poderia ter construído o código usando elementos que permitem melhor fluidez na responsividade, usando elementos como auto-fill, auto-fit e minmax.


    1 comment
View more solutions

Latest comments

  • vknir•130
    @vknir
    Submitted 9 months ago
    What challenges did you encounter, and how did you overcome them?

    Adjusting size of the image according to the size of its container. Need help in that area.

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

    More practice with grids

    News Letter Sign up Solution

    1
    Alex Santos•240
    @alexsantoswork
    Posted 8 months ago

    O código está bom, porém, faltaram os ícones do parágrafo e também está um pouco descentralizado, no geral, parabéns.

  • Micheal Falls•180
    @alphastand27
    Submitted 9 months ago
    What challenges did you encounter, and how did you overcome them?

    How to display links differently for desktop and mobile but that was over come by creating a design with few additions and styles based on the view, and setting the display property to none or grid based on the screen view either for desktop or mobile.

    Article Preview Component with Bootstrap & SCSS

    1
    Alex Santos•240
    @alexsantoswork
    Posted 9 months ago

    Ficou muito bom, o design ficou idêntico, aprendi bastante lendo o seu código, fiz o mesmo desafio e percebi que interpretei diferente o botão do cartão, a  meu ver, tudo certo, meus parabens.

    Marked as helpful
  • jevcenkokozlovska•150
    @jevcenkokozlovska
    Submitted 9 months ago

    Testimonials grid section with css grid

    1
    Alex Santos•240
    @alexsantoswork
    Posted 9 months ago

    Ficou bem parecido com o projeto, gostei do seu código, muito bom, parabéns.

  • Rupak Mukherjee•1,370
    @hannibal1631
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    The grid part was really great to work on, i've learned so much on the way.

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

    The challenge was to figure out how to use the grid, so i looked through some docs and figured it out on my own.

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

    any feedback would be helpful.

    Four-Card-Feature-Section-by-hannibal

    #accessibility#pure-css
    1
    Alex Santos•240
    @alexsantoswork
    Posted 9 months ago

    O design ficou parecido, somente o tamanho não ficou identico, mas no geral ficou muito bom. Fiz esse projeto tambem, mas não encontrei os arquivos de imagens dos ícones, usei ícones semelhantes do font awesome, gostaria de saber como fez para ter esses ícones?

  • Sunil•370
    @SunilBaghel002
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    i will like to make it more responsive next time

    Product-preview-card-component

    #pure-css
    1
    Alex Santos•240
    @alexsantoswork
    Posted 9 months ago

    Corresponde com o projeto do desafio,lealt, responsivo, um código bem organizado, no geral, meus parabéns.

  • Mohit kulkarni•170
    @burningbeattle
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    Successfully implemented a design that works seamlessly across devices using CSS Grid and Flexbox. Ensured all elements were accessible, with appropriate ARIA labels and keyboard navigation. Maintained clean, organized, and commented code, making it easy to understand and maintain.

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

    I would spend more time refactoring the code for better performance and readability. Add subtle animations to enhance the user experience without affecting load times.

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

    Ensuring the design looked consistent across different browsers. Implementing robust form validation for different input scenarios. Conducted thorough research on browser-specific CSS hacks and tested extensively on multiple browsers. Utilized libraries like Formik for handling form validation efficiently. Looking for advice on advanced CSS features that can enhance performance. Tips on optimizing JavaScript for better load times and interactivity.

    Responsive landing page using html & css

    #accessibility#foundation#pure-css#web-components#less
    1
    Alex Santos•240
    @alexsantoswork
    Posted 9 months ago

    No geral ficou muito bom, somente os espaçamentos nos textos ficou diferente, algo que é facil de corrigir, o codigo está bem organizado e a implementação de variaveis ajuda na edição do codigo, aprendi bastante lendo o seu codigo e deixo aqui os meus parabens. Boa sorte na sua caminhada.

    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