Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solutions
SolutionsTagsWall of Fame

Latest solutions

Feedback requested
  • Social links profile


    Hashan Nalaka•50
    Submitted 16 minutes ago

    CSS grid


    0 comments
  • Componente de cartão de pré-visualização de estatísticas(EMMANUEL)

    #pure-css

    Emmanuel Bezerra•10
    Submitted 20 minutes ago

    Durante o projeto, enfrentei desafios principalmente com o controle de versão usando Git, especialmente ao lidar com conflitos de merge e rebase entre o repositório local e o remoto. Também tive dificuldades para alinhar perfeitamente o layout com Flexbox e garantir que a imagem e o conteúdo ocupassem exatamente o mesmo espaço, além de ajustar o overlay roxo sobre a foto.

    Superei esses desafios pesquisando soluções específicas para conflitos no Git, utilizando comandos como git rebase --continue e resolvendo manualmente os conflitos nos arquivos. No CSS, revisei a estrutura dos containers, utilizei propriedades como flex: 1 e min-width: 0, e testei diferentes configurações de Flexbox até alcançar o resultado desejado. A documentação oficial e exemplos de outros projetos foram fundamentais para encontrar as melhores práticas e resolver os problemas encontrados.


    0 comments
  • Responsive Email Card


    Nafis Sazzad Niloy•170
    Submitted 29 minutes ago

    If you find any betterments in the project, please let me know.


    0 comments
  • QR-Code


    P
    joeabrahamian•10
    Submitted 33 minutes ago

    organization of my html


    0 comments
  • Recipe Page Responsive


    Farid_Danilo•40
    Submitted about 1 hour ago

    This time I don't have any specific area at the moment that requires guidance or help, but I know that I still need to improve and I know that I could further improve the design and the versatility and reduction of code for a more optimal page for everyone. Anything you have to tell me to change or correct, I know that it will be of great help to continue growing and advancing even more.


    0 comments
  • Clock App using React and TypeScript

    #react#sass/scss#typescript#vite

    P
    Raul Galicia•230
    Submitted about 2 hours ago

    Any feedback is welcome!


    1 comment
  • CSS


    luzkaum•10
    Submitted about 3 hours ago

    como simplificar mais o css, sinto que coloco muita coisa atoa


    1 comment
  • QR Code Component

    #react#tailwind-css#vite#typescript

    Daniel Oti Yeboah•10
    Submitted about 4 hours ago

    If there are better ways to utilize the styles guide, for the colors I wasn't sure how to use hsl in my code so I just converted it to hex. Also if there's a better way to structure the html i used a lot of divs.


    2 comments
  • My version of huddel landing page with a single introductory section

    #bem

    mlopezl•150
    Submitted about 4 hours ago

    Open to any feedback that can help me improve.


    1 comment
  • QR component using basic CSS


    BaraKalvo•10
    Submitted about 5 hours ago

    I'm not sure about using the margin and the padding correctly. My design matches the one in Figma, but as for those two properties, my CSS code looks a little bit chaotic to me. I feel like there are too many margins and paddings:

    .container {
      margin: 60px auto;
      padding: 16px 16px 40px 16px;
    ...
    }
    
    .text-area {
      padding: 24px 16px 0 16px;
    ...
    }
    
    .text-area__title {
      margin-top: 0;
      margin-bottom: 16px;
    ...
    }
    
    .text-area__text {
      margin: 0;
    ...
    }
    
    

    1 comment
  • Recipe Page Main


    Akshata•170
    Submitted about 5 hours ago

    I need to learn to reduce the code that I repeat.


    0 comments
  • QR code page using CSS Flexbox


    TiWiX•10
    Submitted about 6 hours ago

    The best way to center things, and space them.


    2 comments
  • Clipboard Landing Page w/Header pop-up on scroll


    LySabrina•210
    Submitted about 6 hours ago

    Check out if my CSS padding, width, height, and margin is good.


    2 comments
  • Responsive base-apparel-coming-soon-page using React and Tailwind

    #react#tailwind-css#vite#react-hook-form

    Akiz-Ivanov•360
    Submitted about 6 hours ago

    I don’t need help with anything specific at the moment, but feedback is always welcome.


    0 comments
  • Responsive Blog Preview Card using CSS grid


    Randy Sekyere•20
    Submitted about 6 hours ago

    While I'm proud of the current implementation, there are a few areas I'd like guidance or feedback on to improve further:

    Responsive Design Without Media Queries: I used the clamp() function to handle responsiveness, but I’m still exploring best practices for using it effectively across different elements like padding, margins, and container widths.


    2 comments
  • Mortgage repayment calculator solution


    Mohamed Biomy•510
    Submitted about 6 hours ago

    Is there a better way to calculate mortgage repayment and interest?


    0 comments
  • Fylo landing page with two column layout


    Fernando Luis Pizarro•280
    Submitted about 8 hours ago

    I would appreciate feedback on how to improve the accessibility of the form elements and buttons, especially regarding keyboard navigation and screen reader friendliness.

    Also, if there are suggestions on optimizing the CSS structure for scalability or alternative layout techniques (like CSS Grid) that could make the code cleaner, I’d be interested in learning more.


    0 comments
  • HTML y CSS


    Rodrigo Hernandez•10
    Submitted about 8 hours ago

    En el CSS.


    1 comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord
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

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