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

Harmony Mothershed

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

  • Product preview card


    Harmony Mothershed•50
    Submitted 7 months ago

    I'm still having a hard time trying to understand what's the correct size of the containers without the use of figma and the difference between padding/margin. Other than that I'm getting the hang of it. I would still love any feedback!


    2 comments
  • Blog Card


    Harmony Mothershed•50
    Submitted 7 months ago

    I haven't added any responsiveness to different medias, so any feedback is welcomed!


    1 comment
  • QR code


    Harmony Mothershed•50
    Submitted 7 months ago

    Any and every feedback is welcomed, I'm still freshening up my skills.


    1 comment
  • Social Links Profile


    Harmony Mothershed•50
    Submitted 7 months ago

    Any and every feedback is welcomed, I'm still freshening up my skills.


    1 comment
  • Simple Omelette Recipe


    Harmony Mothershed•50
    Submitted 7 months ago

    Any and every feedback is welcomed, I'm still freshening up my skills.


    1 comment

Latest comments

  • Rone J Santos•210
    @ronesanttos
    Submitted 7 months ago

    Componente Produto responsivo

    1
    Harmony Mothershed•50
    @hmothershed
    Posted 7 months ago

    Good Job!

  • Rodel Advincula•120
    @brodel10
    Submitted 7 months ago

    Responsive Recipe Page utilizing Flexbox and Grid.

    1
    Harmony Mothershed•50
    @hmothershed
    Posted 7 months ago

    Really nice work!

  • Guillaume Pagès•50
    @guillaume-pages
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    My solution is close to the design, I think I did quite well even though this time I didn't have access to the figma file.

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

    As previously said, I had to try to copy the visual based only on the screens.

    Social link profile

    2
    Harmony Mothershed•50
    @hmothershed
    Posted 7 months ago

    Lol I totally understand not having access to the figma file, but you did a really good job based off of your visual expertise. With that being said, this is what I saw so far.

    1. You could reduce the width and height of the image to get a similar style like the design
    2. You can change the font size for "Jessica Randall" and add padding in between the text.
    3. Also you can add padding so that there's a spacing from the last button to the bottom of the card.
  • FrostyyShooter•30
    @FrostyyShooter
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    i would like to exclude the usage of flexbox the next time. while learning CSS i got the hang of flexbox without trying styling with the old method

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

    none

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

    centering elements without flexbox

    used flexbox to get the elements to center

    1
    Harmony Mothershed•50
    @hmothershed
    Posted 7 months ago

    At lines 20 and 34, your header and profile images aren't linked correctly. Make sure to include a "." in the beginning of the line for the source of the images so it should look like this for the both

    <img src="./assets/images/illustration-article.svg" alt="" />
    
    <img src="./assets/images/image-avatar.webp" alt="profile image" />
    
  • P
    Will Cooley•200
    @CooleyWC
    Submitted 7 months ago

    QR Code Challenge

    1
    Harmony Mothershed•50
    @hmothershed
    Posted 7 months ago

    Good work.

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