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

Mdhenderson14

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

  • Testimonial Grid


    Mdhenderson14•100
    Submitted 5 months ago

    As I continue to experiment with using CUBE CSS, I noticed that in my previous project I used a quasi BEM-CUBE mix which is not the goal. I want to be really good at creating styling rules that truly lend itself to the cascading nature of CSS. If there are any suggestions to improve here, I would greatly appreciate the feedback.


    1 comment
  • Responsive 4 Card Section w/ CUBE CSS


    Mdhenderson14•100
    Submitted 6 months ago

    1 comment
  • Product Preview Card w/ srcset


    Mdhenderson14•100
    Submitted 6 months ago

    For the life of me, I can't figure out how to proportionally enlarge the height of the #info-container to fill the height of the parent.


    1 comment
  • Responsive Recipe Page w/ Table


    Mdhenderson14•100
    Submitted 6 months ago

    1 comment
  • Responsive Social Links Profile


    Mdhenderson14•100
    Submitted 6 months ago

    2 comments
  • Blog Preview Card sans Media Queries


    Mdhenderson14•100
    Submitted 6 months ago

    2 comments
View more solutions

Latest comments

  • Gildman Laécio•240
    @gillaercio
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I think it was realizing that I'm actually able to apply CSS grid to my projects.

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

    It was definitely resizing the content on larger screens; knowing when to use different sizes or not.

    But that only comes with practice.

    Responsive grid section for testimonials

    1
    Mdhenderson14•100
    @Mdhenderson14
    Posted 5 months ago

    Great job creating the general layout. The solution is a bit "tall/ stretched", so I would consider going back to investigate a few properties that control the padding of the body, margins of the card container, and gain a better understanding of how the cards are fit within them. I still struggle with this, too -- I totally get it.

  • carolsoutinho•110
    @carolsoutinho
    Submitted 6 months ago

    Four Card Feature Section

    1
    Mdhenderson14•100
    @Mdhenderson14
    Posted 6 months ago

    Great job here! My only advice is to change the card background-color to white.

  • Olasubomi123•250
    @Olasubomi123
    Submitted 6 months ago

    product_review_card

    1
    Mdhenderson14•100
    @Mdhenderson14
    Posted 6 months ago

    Nice job! A few suggestions:

    sale price and button color: The dark cyan color given in the style guide would have been a better match for the image, as both have cool tones.

    market price { text-decoration: line-through;}

    product-type { letter-spacing: 3px (or use a relative measurement)}

    I hope this is helpful!

    Marked as helpful
  • Bailey•30
    @BaileyKH
    Submitted 7 months ago

    Recipe Page

    1
    Mdhenderson14•100
    @Mdhenderson14
    Posted 6 months ago

    Hi @BaileyKH,

    Nice job on the solution! I would consider ensuring that it has appropriate component size added. I would make the recipe container about 650px to take up most of the space.

  • sharma-daksh•40
    @sharma-daksh
    Submitted 7 months ago

    Responsive Profile Card with Hover Effects and Animations

    1
    Mdhenderson14•100
    @Mdhenderson14
    Posted 6 months ago

    I think I like your bigger version more than the original. In saying so, I think the buttons could be a bit wider so there's not as much negative space. Also, the signature at the bottom is a really nice personal touch.

    Great job!

  • drelu•150
    @dreelu
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    Proud to build the site with a good acuracy, but ill probabily learn and use flexbox in the next time. Every solution to my problems that i find in other peoples code is using flexbox, so of course this will take me to another coding level.

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

    Centralize the card on the center. I have a lot of difficult doing this and all the solutions that i found is using flexbox, that i dont know use. I overcome using margin auto and adding a margin on top to give a free space, like on the solution.

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

    Make a responsive site.

    Blog preview card HTML CSS

    1
    Mdhenderson14•100
    @Mdhenderson14
    Posted 6 months ago

    Hi there, nice preview card you've created!

    I would like to mention, without comparing yours to the original, that the spacing between the words of your description isn't ideal from a user perspective. Because your text takes up about 80% of the card container, I assume the text is also in a container, which may not be necessary.

    For my own description I used the following: font-size: 1 rem; text-align: left; color: var(--color2);

    Without a container, all other styling for my publish date, title, and description came from the styling of the parent card container.

    I hope this is helpful!

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