Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
4

dnna

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

  • Interactive Rating Survey


    dnna•80
    Submitted about 1 month ago

    1 comment
  • FAQ Accordions


    dnna•80
    Submitted about 1 month ago

    1 comment
  • Recipe Page


    dnna•80
    Submitted about 2 months ago

    1 comment
  • Social Links Profile


    dnna•80
    Submitted about 2 months ago

    1 comment
  • Blog Preview Card


    dnna•80
    Submitted about 2 months ago

    1 comment
  • QR Code Component


    dnna•80
    Submitted about 2 months ago

    1 comment

Latest comments

  • msharjeelali•70
    @msharjeelali
    Submitted about 2 months ago

    Recipe Page Main - HTML | CSS

    1
    dnna•80
    @donnalay
    Posted about 2 months ago

    The responsive behaviour looks like it behaves as expected. One detail that would get your recipe page closer to the design is to use 'stone-100' (#f3e6d8) as your body element background color.

  • TheTCGProject•40
    @TheTCGProject
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I think, with taking in some of the advice I was given, I'm hoping I've managed to get rid of many of the errors that I encountered in the last challenge.

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

    Initially, using the flex containers to get a column with all the elements was a struggle, but I managed to get it sorted after figuring it out.

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

    I guess its to continue with getting the display elements working as they should and understand the workings between padding, margin and using div's effectively.

    Social Media

    2
    dnna•80
    @donnalay
    Posted about 2 months ago

    It looks really good! You can use "#" in place of a link (e.g. <a href="#">) to trigger the pointer to change accordingly when you don't have a link to include.

  • Randy Veras•50
    @AegonCoder
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    Mejoré bastante respecto al anterior proyecto, las cajas ya las estoy entendiendo mejor. Quiero proponerme hacer el proyecto sin ayudas externas

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

    Las escalas, los margenes. En general el centrado de mi pagina lo soluciones con el height: 100vh y trabajando con el body mi card principal

    Blog Card ; Escalado y centrar contenido

    1
    dnna•80
    @donnalay
    Posted about 2 months ago

    It looks great! One detail that would make it closer to the design is to use the Google Font: Figtree (https://fonts.google.com/specimen/Figtree), as detailed in the style guide.

  • Nabil•310
    @NabilLamb
    Submitted about 2 months ago

    QR code component HTML / CSS

    1
    dnna•80
    @donnalay
    Posted about 2 months ago

    It's pretty close to the design! One piece of feedback to get it even closer: The design files specify the font style related property values, such as the: typeface, text size, line-height and letter spacing.

    Marked as helpful

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