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

Felipe de Jesus Campos

@felipejesus-frontRio de Janeiro - Brasil70 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • four-card-feature-section-master


    Felipe de Jesus Campos•70
    Submitted almost 3 years ago

    1 comment
  • nft-preview-card-component-main


    Felipe de Jesus Campos•70
    Submitted almost 3 years ago

    1 comment
  • QR-code component with flexbox


    Felipe de Jesus Campos•70
    Submitted almost 3 years ago

    1 comment
  • Responsive rating component with html, css and javascript


    Felipe de Jesus Campos•70
    Submitted almost 3 years ago

    1 comment
  • Responsive, grid, flexbox


    Felipe de Jesus Campos•70
    Submitted almost 3 years ago

    1 comment

Latest comments

  • Lucas 👾•104,160
    @correlucas
    Submitted almost 3 years ago

    4 Card Feature Section (Vanilla CSS + Custom Design + Glassmorphism)

    13
    Felipe de Jesus Campos•70
    @felipejesus-front
    Posted almost 3 years ago

    @correlucas

    Sempre que eu termino um desafio eu venho ver a sua solução e SEMPRE acho q fiz algo errado kkkk vc sempre deixa 500% melhor que o original, muito fera, inspira muito!

    Marked as helpful
  • Cesar Augusto•40
    @csaraugustol
    Submitted almost 3 years ago

    QR code component

    #cube-css
    2
    Felipe de Jesus Campos•70
    @felipejesus-front
    Posted almost 3 years ago

    Fala Cesar! blz? Muito legal seu código! Cara, tenho uma dica bem simples, porém muito importante pra te dar. Sua pagina começa a quebrar quando fica abaixo do tamanho do container com classe "principal", nela vc esta usando um "width: 300px", quando vc define um width ele vai seguir esse width até o fim do mundo, pelo componente ser pequeno acaba passando despercebido, porém num componente maior você veria isso com mais facilidade. Aconselho, sempre que possível usar "max-width" ao invés de width, pois como vc está definindo uma "largura máxima" o seu componente sempre vai ser mais responsivo conforme a tela diminui.

    Outra coisa importante no html é a semântica das tags. As tags html tem seus significados, normalmente interpretado por motores de busca como o google, ou por softwares de leitura de tela, usado por deficientes visuais, então usar as tags corretas ajuda demais na acessibilidade do seu codigo, fazendo por exemplo que seu site/conteudo seja encontrado pelo google mais facilmente.

    como corrigir isso? No seu conteúdo principal, ao invés de usar uma div, tente usar a tag <main>, pois ela indica que aquele é seu conteúdo principal nesta pagina.

    Colocar o titulo da pagina em um <h1> também ajuda nisso.

    Vou deixar um link para o caso de você querer entender melhor sobre isso: https://www.devmedia.com.br/html-semantico-conheca-os-elementos-semanticos-da-html5/38065

    lembre-se não é preciso gravar tudo isso, só entender já basta, na hora de codar, quando esquecer é só pesquisar no google que ta de boa! abração, meu mano! tbm estou iniciando! então tenhamos um bom aprendizado!

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