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

Savannah Acevedo

@savvycolleenFlorida, US70 points

Software Engineer

Latest solutions

  • Article Preview Using React + Typescript

    #react#typescript

    Savannah Acevedo•70
    Submitted 7 months ago

    I know I need to edit the the toggling active links (I think the solution would be to pass state through a parent, but I have yet to master that!). I also need to add the triangle to the bottom of the share link box in desktop view. Would love help/advice with either!


    1 comment
  • Recipe Page using React

    #react

    Savannah Acevedo•70
    Submitted about 1 year ago

    1 comment
  • Respsonsive Social Links Profile Using CSS Flex, Grid, and BEM


    Savannah Acevedo•70
    Submitted about 1 year ago

    1 comment
  • Blog Preview Card using Grid and BEM


    Savannah Acevedo•70
    Submitted about 1 year ago

    0 comments
  • QR Code Solution


    Savannah Acevedo•70
    Submitted about 1 year ago

    0 comments

Latest comments

  • angel veliz•290
    @angelveliz1837
    Submitted 7 months ago

    Pagina de Grid

    #pure-css#typescript
    1
    Savannah Acevedo•70
    @savvycolleen
    Posted 7 months ago

    Hi! The screenshot of your solution looks great! What stood out to me most when I previewed the site is the responsiveness. The desktop version and mobile version look great, but going from desktop to mobile looks a little wonky. It looks like you have the media query at a max-width of 375px, but as soon as you get to that point, the desktop version doesn't have room, so there is no room for it to expand. Maybe you could play with that number and make it bigger until there is room for it to expand. Just a thought! The toggle function you have is great! Well done.

  • Sergiy•1,270
    @MrSeager
    Submitted about 1 year ago

    React, Bootstrap and AOS

    #bootstrap#react#animation
    1
    Savannah Acevedo•70
    @savvycolleen
    Posted about 1 year ago

    Loving the scroll effect!! So cool. Everything looks really good. There are no complaints with your outcome! The only constructive feedback I can think to give would be possibly breaking up your RecipePage.js into components for readability. Cheers to you!

    Marked as helpful
  • Tarteel Isued•140
    @TarteelAk
    Submitted about 1 year ago

    Social-media

    1
    Savannah Acevedo•70
    @savvycolleen
    Posted about 1 year ago

    Good afternoon! Thanks for sharing your solution--the card looks really great! In looking at your styling, I love how you used calc for the width of your container. That is a great idea that added to my thinking! Generally speaking, your design turned out bigger than the original, so sizing some things down like the size of the image, h1, and the margin tops of your social links could help make it look even closer to the original (if you are trying for a more precise solution!). Hats off to you!

  • ahmeteid•80
    @ahmeteid
    Submitted about 1 year ago

    blog-preview-card-main

    1
    Savannah Acevedo•70
    @savvycolleen
    Posted about 1 year ago

    You card looks great! I love that you used variables for your colors in CSS. I always intend to do that and then skip that step. It's a great habit to get into it! I also like how you used "fit-content" for the yellow background on "Learning"--that is probably more simple than what I did in my solution. The only thing I noticed for the html is putting your divs in something more semantic like "section" or "main." I know it feels weird when there is not a full layout, but it seems like a good practice to follow when possible! Cheers on your work!

  • Mohammad Ragab•280
    @E0MR
    Submitted about 1 year ago

    QR code component

    1
    Savannah Acevedo•70
    @savvycolleen
    Posted about 1 year ago

    I love that you centered this by using flex on the body! A creative solution and great idea. Hats off to you!

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

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