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

mina

@minahopgoodBrisbane, Australia130 points

I am at the beginning of my WebDev journey - I have completed the Responsive Web Design freeCodeCamp course and am using Frontend Mentor to help improve my development skills. Fun fact! I am both a qualified Make-up Artist and IT Technician

I’m currently learning...

I am currently working through a Fullstack Web Development course, which is teaching me everything from HTML and CSS through to Backend tools such as React.js, APIs and Blockchain technology.

Latest solutions

  • Article preview component


    mina•130
    Submitted 25 days ago

    I am not looking for help so much as words of encouragement that JavaScript gets a little less confusing. Thanks lol


    1 comment
  • Testimonial page using Grid and Flex


    mina•130
    Submitted 5 months ago

    I struggled a little with the positioning of the SVG. I tried using flex, transform and position and none of them successfully moved it to the correct spot. In the end I just used the top and left properties, but I am sure there is a way to make it more responsive.


    1 comment
  • Four card challenge


    mina•130
    Submitted 6 months ago

    I wasn't able to figure out how to change the order of Karma and Calculator without messing up the whole layout, so any suggestions on this would be amazing.


    1 comment
  • Product preview card


    mina•130
    Submitted 7 months ago

    Any suggestions or resources for using SVG's within CSS would be helpful.


    1 comment
  • Recipe card using Semantic HTML

    #semantic-ui

    mina•130
    Submitted 8 months ago

    1 comment
  • social-links-profile


    mina•130
    Submitted 9 months ago

    I will be trying to incorporate more website accessibility into my code. Early on in my web development journey I touched on this subject through freeCodeCamp, but now that I have a better grasp on the basics of HTML and CSS, I think I will have a better time understanding these concepts and how to use them.


    1 comment
View more solutions

Latest comments

  • Madu Jang•430
    @MJspitta
    Submitted 25 days ago

    Article Preview Component

    1
    mina•130
    @minahopgood
    Posted 24 days ago

    You did a really great job! The only thing I can spot is a slight sizing difference, but that can be hard to gauge. Good work with the JavaScript portion too, it looks very professional.

    Marked as helpful
  • Md. Abdul Aziz•170
    @mintleaves
    Submitted 5 months ago

    Testimonial Grid Section

    1
    mina•130
    @minahopgood
    Posted 5 months ago

    My only suggestions would be to pay close attention to the size of the columns/rows to make sure they are closer to the example and to look closely at your font colours. Other than that, this looks great! Keep up the good work.

  • Ivan•160
    @Ivansol-21
    Submitted 6 months ago

    Four-card-feature-section

    1
    mina•130
    @minahopgood
    Posted 6 months ago

    This looks amazing! My only critique would be to pay attention to the spacing between each box and the header - other than that keep up the good work!

  • Mouayyad Ahmed•50
    @MouayyadAhmed
    Submitted 9 months ago

    Product Preview

    1
    mina•130
    @minahopgood
    Posted 7 months ago

    This looks good! My only critique is to pay attention to the padding and margins of the text.

    Good work!

  • AJAY S•100
    @ajaysathasivam
    Submitted over 1 year ago

    Recipe page main

    #materialize-css#tailwind-css#semantic-ui
    1
    mina•130
    @minahopgood
    Posted 8 months ago

    This is a good start! The only thing I would suggest is to make sure you paying attention to the original design.

    There are a few things that need to be fixed:

    • the preparation time section should have some more styling
    • the bullet points need to be styled
    • spacing between lines in the first few sections
    • ensuring the recipe card is centered in the middle of the screen

    As I said, this is a good start! It just needs a bit more work to reach the requested design.

  • Daniel Ayeni•1,240
    @Dannimations
    Submitted 9 months ago

    Social Links Profile

    1
    mina•130
    @minahopgood
    Posted 9 months ago

    This looks good! You just need to adjust the spacing so that your design is centered on the screen. Take a look at this link on how to center in CSS - it may help you! Horizontal and Vertical Alignment - W3 Schools

View more comments
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

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