Skip to content
OverviewSolutions
22
Comments
3

pstar8

@pstar8320 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

View more solutions

Latest comments

  • R4y44N•30
    @R4y44N
    What specific areas of your project would you like help with?

    I dont think i needed any help, but any and all feedback is highly appreciated!

    social links landing page

    1
    pstar8•320
    @pstar8

    Hi R4y44n, nice project.

    But I think you could make some adjustments.

    For starters, your page isn't responsive, I can't view the full page on my computer.

    Moving on, your image (profile picture) isn't showing. Make sure the path in the code is the same as its path on your computer.

    Also, I don't think the font you used is the font required. You could use @import rule to get your fonts from Google Fonts or whatever website you prefer.

    Make sure the body of your code has padding, and it's displayed in the center.

    body { display: flex; justify-content: center; align-items: center; min-height: 100vh }

    I hope this helps. Bye

  • pstar8•320
    @pstar8

    Hi Emma, nice work you got there.

    I couldn't help but notice your card image and other elements like the "Equilibrium" and the name "Jules Wyvern" don't have hover states.

    To give them hover states, you could try this ;

    .name:hover{ color: hsl(178, 100%, 50%); cursor: pointer; }

    .equilibrium:hover{ color: hsl(178, 100%, 50%); cursor: pointer; }.

    Every other thing looks great. Keep up the good work.

  • Fagner_0•190
    @Fagner-Bagundes
    What challenges did you encounter, and how did you overcome them?

    meu maior desafio foi conseguir colocar as seções curvas, pois me perdi no meio do código e fiz uma grande gambiarra pra conseguir colocar haha

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

    eu gostaria de ter ajuda em qualquer área. Umas dicas de tecnicas de desenvolvimento em orgazinar os códigos, em no que começar primeiro no site... qualquer ajuda é bem vinda. Obrigado

    Página de destino do Huddle com seções curvas - Feito com flex-box

    2
    pstar8•320
    @pstar8

    I hope this helps... Cos Portuguese isn't my first language :(

    The flowing-conversations-container should have a flex-direction property with the attribute 'row-reverse'. The 'Newsletter' can be transformed to uppercase using 'text-transform: uppercase'.

    Also, you can edit your SVG image by modifying the code. Open the SVG file, highlight all, then copy to your HTML file. Scroll sideways till you see a property 'fill'. You can change it to whatever color you would prefer which in this case is white. I'm open to corrections too :)

    I tried translating it (I used the Internet)

    O contêiner de conversas fluidas deve ter uma propriedade flex-direction com o atributo 'row-reverse'. A 'Newsletter' pode ser transformada em maiúsculas usando 'text-transform: uppercase'.

    Além disso, você pode editar sua imagem SVG modificando o código. Abra o arquivo SVG, destaque tudo e copie para o arquivo HTML. Role para o lado até ver uma propriedade 'preencher'. Você pode alterá-lo para a cor de sua preferência, que neste caso é branco.

    Também estou aberto a correções :)

    Marked as helpful