Skip to content
OverviewSolutions
8
Comments
8
MARIO CARLAIBE DE ANDRADE
@MarioCarlaibe

All comments

  • Sean Chen•170
    @chenmeisterSubmitted 16 days ago
    What are you most proud of, and what would you do differently next time?

    I am proud of utilizing the Tailwind approach to set up backgrounds for different card elements. I find it useful without having to write repeating CSS code each time. Although I'm still new to CSS Grid, I'm hoping to get more comfortable with it so I don't have to keep relying on other sources to get the project done.

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

    Getting the fonts to display properly and CSS grid to align well. I had to look at some tutorials to help with this project. Overall I find it a good challenge and a good way to enhance my CSS Flex and Grid skills.

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

    Different ways on how to effectively use CSS Grid to organize the layouts without having to rely on grid-area and grid-template-areas.

    Testimonials Grid Section Solution

    1
    MARIO CARLAIBE DE ANDRADE•110
    @MarioCarlaibePosted 16 days ago

    parabéns, continue assim

    0
  • jonathanudeh•150
    @jonathanudehSubmitted 17 days ago
    What are you most proud of, and what would you do differently next time?

    My journey

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

    The grid layout for the desktop view, but I learnt alot while solving it.

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

    Anything css generally that would help a beginner work faster with css. I feel like the time I spend on each project is relatively long depending on the complexity, any trick that could help my workflow and speed.

    Responsive four card section with css Grid

    1
    MARIO CARLAIBE DE ANDRADE•110
    @MarioCarlaibePosted 16 days ago

    parabéns, ficou muito bom

    0
  • MARIO CARLAIBE DE ANDRADE•110
    @MarioCarlaibePosted 18 days ago

    Parabéns e continue na luta pelo sim.

    1
  • MARIO CARLAIBE DE ANDRADE•110
    @MarioCarlaibePosted 3 months ago

    vc conseguiu apenas videos no youtube? parabéns, vc se saiu muito bem.

    0
  • MARIO CARLAIBE DE ANDRADE•110
    @MarioCarlaibePosted 3 months ago

    parabéns pelo projeto, apenas mudaria algumas fontes e o font-size dos subtitulos, mas ficou muito bom. continue firme

    1
  • Yasmin Silva•60
    @yasminsilva1Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Estou orgulhosa do resultado final!

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

    Uns dos desafios dessa página foi conseguir mudar a cor dos "pontos" (bullets) na lista não ordenada e a cor dos números nas listas ordenadas. Através desse desafio, acabei conhecendo o pseudo-elemento ::marker. Esse pseudo-elemento é especialmente útil quando você deseja uma personalização específica dos marcadores, mas sua compatibilidade pode variar entre navegadores, por isso é bom verificar a compatibilidade antes de usá-lo em um projeto.

    Responsive recipe page

    3
    MARIO CARLAIBE DE ANDRADE•110
    @MarioCarlaibePosted 3 months ago

    parabéns, ficou perfeito, tudo em cima!

    1
  • Denner Silva•50
    @Denner-94Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Me orgulho de consegui posicionar todos os elementos e espaços de forma harmônica e aproximar o projeto do original.

    O que faria de diferente na próxima vez seria aumentar um pouco a altura do card.

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

    O projeto no inicio estava bem tranquilo de resolver. Primeiro escrevi a mão todo o código HTML e consegui ter uma clareza sobre como desenvolver, porém quando iniciei a estilização tive uma dificuldade em deixar a imagem em formato de circulo. Aplicar apenas a propriedade border-radiuns:50% no seletor img não foi suficiente percebi que tinha algo estranho até mesmo na aplicação das margens. Fiquei bem inseguro e fui pesquisar sobre como poderia resolver, pois bem, encontrei a solução. Primeiro e tive que envolver a tag em uma . Fazendo assim, apliquei na algumas propriedades para depois posicionar melhor a imagem.

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

    Eu apliquei a largura e altura com unidades relativas para que o comportamento em outros tamanhos de telas seja positivo. Porém quanto testei no mobile sinto uma rolagem na altura como se o contêiner fosse maior que a tela. O card esta num tamanho ok, tanto na altura como na largura, mas o contêiner que envolve fica se movendo.

    Gostaria de saber se isso é normal ou existe uma solução?

    Propriedades css na div para colocar a imagem em circulo

    1
    MARIO CARLAIBE DE ANDRADE•110
    @MarioCarlaibePosted 4 months ago

    parabéns, para te ajudar na questão da altura e largura da página, use medidas como width: 100vw; e heigth: 100vh; no body, e use a extensão do chrome perfect pixel para te ajudar em projetos sem o figma.

    Marked as helpful
    0
  • MARIO CARLAIBE DE ANDRADE•110
    @MarioCarlaibePosted 4 months ago

    muito bom, gostei de como vc usou o box-shadow e as variáveis das cores. parabéns

    0