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

Elena Martinez

@nenamartinez80 points

Multi-talented digital artist looking to expand my front-end skills.

I’m currently learning...

HTML, CSS

Latest solutions

  • Combination Flexbox / Grid landing page


    Elena Martinez•80
    Submitted over 3 years ago

    0 comments
  • Responsive landing page using HTML/CSS and also grid, flexbox


    Elena Martinez•80
    Submitted over 3 years ago

    2 comments
  • Mobile-first HTML / CSS Responsive design


    Elena Martinez•80
    Submitted over 3 years ago

    1 comment
  • Profile card - mobile-first responsive design


    Elena Martinez•80
    Submitted over 3 years ago

    1 comment
  • Order summary page using CSS


    Elena Martinez•80
    Submitted over 3 years ago

    2 comments
  • 3 column design - Responsive layout with grid/flexbox


    Elena Martinez•80
    Submitted over 3 years ago

    2 comments

Latest comments

  • Elena Martinez•80
    @nenamartinez
    Submitted over 3 years ago

    Responsive landing page using HTML/CSS and also grid, flexbox

    2
    Elena Martinez•80
    @nenamartinez
    Posted over 3 years ago

    That's much easier than what I did, for some reason it didn't occur to me to just set a size and background! Thank you so much, I'll be fixing the code! Thanks!!

  • Maria Castillo Berto•80
    @MariAleCas
    Submitted over 3 years ago

    Order summary component challenge hub

    #accessibility
    1
    Elena Martinez•80
    @nenamartinez
    Posted over 3 years ago

    Hi there! I'm more experienced as a designer than coder so I'll be focusing on that in my feedback.

    -Spacing issues. There should be more space under the paragraph and more space between the "proceed to payment" button and 'cancel order' part. Also, the spacing inside the "annual plan" box is not right. The music icon should be more left, 'annual plan' info as well, and the 'change' should be more to the right.

    -Overall sizing. Because the vertical spacing above isn't enough, the card looks too wide compared to the design.

    -Color issues. The heading text should be dark blue, not black. The 'annual plan' text should be bold and dark blue, also.

    -No hover state. The design is supposed to have hover states on the 'Proceed to payment' button and the other links. I don't see any hover state change on the site preview. 'Cancel order' doesn't seem to be a link.

    Also, I cannot view your code with the link above. The link seems to be broken. If you want to get more feedback on the code specifics, please try to fix the link so your code will be visible to everyone. Keep on coding! I'm new to it all, too.

    Marked as helpful
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