Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
8
ELIENAI JONATAS CERQUEIRA
@Bolever

All comments

  • Sabrina Ferreira•100
    @SabrinaFerreiraDev
    Submitted about 2 months ago

    product-preview

    3
    ELIENAI JONATAS CERQUEIRA•90
    @Bolever
    Posted about 2 months ago

    parabens pelo trabalho algumas feedback

    poderia ter trabalhado as fontes para ficar mais iguais ao projeto

    e na vizualição poderia ter redimencionado melhor o tamanho da caixa

    mais a parte do html ficou muito top, continue praticando q ta ficando muito bom

    Marked as helpful
  • Roman•20
    @Makush-0762
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I consolidated the knowledge I gained from Youtube tutorials.

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

    Without problems

    Responsive recipe landing page usin SASS/SCSS

    #bem#sass/scss#accessibility
    1
    ELIENAI JONATAS CERQUEIRA•90
    @Bolever
    Posted 3 months ago

    Congratulations on your effort — you did a great job! It's clear you put in the work. Just stay focused, and the results will keep getting better.

  • Vinicius de Carvalho Baggio•30
    @vinibleik
    Submitted 3 months ago

    Almost no flexbox

    1
    ELIENAI JONATAS CERQUEIRA•90
    @Bolever
    Posted 3 months ago

    opa blz ficou muito bom

    ficou faltando a parte do focus

    .social-links__link:focus { cursor: pointer; background-color: var(--clr-green); color: var(--clr-gray-900); }

    mais parabens, com esforço a gente chega la

  • luzkaum•30
    @luzkaum
    Submitted 3 months ago

    Social links profiles de luzkaum

    #accessibility#animation
    1
    ELIENAI JONATAS CERQUEIRA•90
    @Bolever
    Posted 3 months ago

    mano parrabens ficou muito legal

    vai uma ideia, vc poderia ter usado :focus e configurado pra qdo der foco com o teclado vc ter o mesmo efeito do hover

    poderia usar as tags semanticas no html

    mais parabens pelo esforço continua assim e é nois !!!

  • sixwordxiong•80
    @sixwordxiong
    Submitted 4 months ago

    css

    #accessibility
    1
    ELIENAI JONATAS CERQUEIRA•90
    @Bolever
    Posted 4 months ago

    como foi proposto no exercicio as letras nao estao diminuindo poderia ter usado

    font-size:clamp(1em, 3vw, 2em);

    isso poderia ter ajudado

    tb usar caixas sêmanticas

  • Lucas•10
    @TheodoroL
    Submitted 4 months ago

    Frontend Mentor | QR code component

    1
    ELIENAI JONATAS CERQUEIRA•90
    @Bolever
    Posted 4 months ago

    algumas dicas: poderia ter trabalhado um pouco mais os paddin ou margin no h1 e p

    acho q o @media desnecessario ja q a caixa nao altera seu tamanho apenas o body em volta , e vc ta usando max-width pra travar o tamanho da caixa

  • SebastianCM•10
    @SEBASCMB
    Submitted 4 months ago

    Use BEM METHOD

    2
    ELIENAI JONATAS CERQUEIRA•90
    @Bolever
    Posted 4 months ago

    umas dicas : poderia ter usado mais as caixas semanticas: main > section > article

    class="section": poderia ter sido aplicado no body , ja q o body tambem e uma caixa

    Você tem uma media query para telas menores que ajusta o layout da .section. Porém, o width: var(--layout-mobile) não é necessário para a .section, já que o Flexbox já lida com o alinhamento corretamente. Para telas menores, seria mais interessante ajustar o layout dentro da .card

  • Mustapha Yahaya•10
    @MustaphaYahaya
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud, the way I structure the HTML and the CSS without any grid or flex technique .

    Next time I will focus to build responsive page with either grid or flex.

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

    I encountered some Challenges like:

    • connecting my Git to GitHub.
    • positioning the page to align centre.
    • arranging the items. All these challenges I overcome them in different ways;
    • I navigate to the "setting up your development environment" page to view the process again.
    • I check the position page at W3School to solve the arrangement issues.
    What specific areas of your project would you like help with?

    I like help on how to make the page responsive

    A Simple QR code page design with HTML and CSS basics

    #accessibility#animation#bootstrap#foundation#pure-css
    1
    ELIENAI JONATAS CERQUEIRA•90
    @Bolever
    Posted 4 months ago

    ola, tenho algumas sugestões de melhoria no seu codigo poderia ter centralizado melhor o card como vc esta sem flexbox poderia ter usado margin: auto 0 pra centralizar o card poderia ter usado mais sêmantica nas caixas em html poderia ter usado um boxshadow pra dar um pequeno efeito

    mais párabens, muito legal ver seu codigo

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