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

Kelsie Paige

@KelsiePaigeUSA40 points

Frontend Developer

Latest solutions

  • Blog Preview Card using HTML & CSS

    #styled-components

    P
    Kelsie Paige•40
    Submitted 4 months ago

    1 comment
  • QR Code Component | HTML & CSS


    P
    Kelsie Paige•40
    Submitted about 1 year ago

    1 comment

Latest comments

  • Elton Santos•40
    @eltonSSilv
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    com certeza gostei de começar aplicando mobile first no design responvivo e comentar meus codigos para futuras manutencoes, com certeza gostaria de compreender melhor os detalhes sobre mobile first e design responsivo para pratica

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

    iniciar um projeto pensando primeiro em aplicativos menores e localizar os elementos que eu estou mexendo com css sem comentarios

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

    organização do codigo

    desafio 3 - Cartão de Pré-visualização do Blog

    #fetch#sass/scss#styled-components#wordpress
    1
    P
    Kelsie Paige•40
    @KelsiePaige
    Posted 4 months ago

    Great job getting your project completed. I have a couple improvements that might help you moving forward.

    • It looks like the font didn't render correctly for your .titulo__data or .texto__conteudo classes. I'd take another peek at those classes.
    • Check out this site on CSS Layout. I think it might help give you more understanding with how to make your projects responsive.
    • I noticed you have a <nav> element that holds your image. The purpose for <nav> elements is for navigation links within the document itself or to a separate document. Instead, you should use an <img> tag to embed the image inside your HTML. Or, you could use a <div> with class="yourimage" and set the background-image: url("../yourimage.jpg"); inside your CSS file.

    <nav> <img> background-image

    Marked as helpful
  • Paula•10
    @pauliecode
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    It was really fun to go back to the basics and do something using vanilla HTML and CSS!

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

    Sometimes going back to the basics can be challenging as we barely ever actually do stuff like this at work, so it can be surprisingly challenging sometimes or I at least noticed that I wasn't 100% sure of how to do some stuff that I would've expected to know.

    QR Code Component with vanilla HTML and CSS

    2
    P
    Kelsie Paige•40
    @KelsiePaige
    Posted 4 months ago

    Congrats on completing the project! Some improvements could be, using <p> tags instead of <div> tags for your text. In your css file, I'd remove lines 41, 43, and 49 under your container class. Otherwise, it looks great!

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