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

ellienndea

@ellienndeaBerlin, Germany130 points

I worked as a sewing pattern designer (inkscape) , now starting a new career as a webdev...

Latest solutions

  • tip calculator html, css, javascript, flexbox


    ellienndea•130
    Submitted almost 4 years ago

    2 comments
  • HTML/CSS only solution, responsive


    ellienndea•130
    Submitted almost 4 years ago

    2 comments
  • 3-col-preview-card-component with flexbox


    ellienndea•130
    Submitted about 4 years ago

    3 comments
  • html, css, flexbox solution


    ellienndea•130
    Submitted about 4 years ago

    3 comments

Latest comments

  • Moeen Mahmud•180
    @moeen-mahmud
    Submitted almost 4 years ago

    3 Column Preview Card Component Solution

    1
    ellienndea•130
    @ellienndea
    Posted almost 4 years ago

    Hi Moeen, this looks really good despite some minor issues, I'd say, and the html and css is clearly written as far I can judge it being a newbie myself. ;) I did that challenge not long ago and got helpful feedback, which I want to pass on to you (some of it). :)

    1. The buttons in "normal" state should have a transparent border, so they dont move, when you hover on them.
    2. Giving the cards a max-width would prevent, that they stretch out too much.

    Happy coding! 😊

    Marked as helpful
  • jing•20
    @jing0429
    Submitted almost 4 years ago

    HTML CSS

    1
    ellienndea•130
    @ellienndea
    Posted almost 4 years ago

    Hi Jing, this looks pretty good. 😊 One tip that I got, is to not use px but em and rem instead. On my screen the card is not properly centered, instead of using position: absolute; top:...; left:... you could make the body a flex-container width height: 100vh(viewport height) and use justify-content: center and align-items: center. The mask is a little too light. For your first project it looks pretty good! 😊 Happy coding!

  • Moh•230
    @Moh2106
    Submitted about 4 years ago

    Testimonials grid section

    3
    ellienndea•130
    @ellienndea
    Posted about 4 years ago

    This looks good so far. 😊 For a better horizontal centering and a vertical centering, you could make the body a flex-container with a min-height of 100vh(viewport height) and justify-content: center and align-items: center. Happy coding! 😀

  • Agata Liberska•4,075
    @AgataLiberska
    Submitted about 4 years ago

    Calculator App - HTML + CSS + JS, tried to focus on accessibility

    5
    ellienndea•130
    @ellienndea
    Posted about 4 years ago

    Hi Agata, this calculator app is really great. On my laptop it works perfectly fine with mouse and keyboard. :) I really like your focus on accessibility, it's so important! Happy coding 😊 Linda

  • Calvin.A.S•120
    @calvin17
    Submitted about 4 years ago

    Profile card component with SCSS and Responsive Layout

    2
    ellienndea•130
    @ellienndea
    Posted about 4 years ago

    Hey Calvin, that is well done. It looks preety much like the original and in your index.html I really like the class names you chose! 😊 Cheers, Linda

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