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

Michael King

@mking0823Pittsburgh Pa90 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

  • responsive card with chaning pic based on size


    Michael King•90
    Submitted 11 months ago

    If I used the picture tag for its purpose.


    1 comment
  • Responsive full page card focusing on using the correct list


    Michael King•90
    Submitted 11 months ago

    Did i use the description list correctly. And suggestions on my CSS organization.


    0 comments
  • Html and CSS trying to focus on Cleaning up my CSS


    Michael King•90
    Submitted 11 months ago

    Any cratiques of my CSS organization is appreciated. I feel that the way I organizes things is fine for small projects but as soon as I have to scale up I feel I will get overwhelmed. Any Tip on how to order CSS? Right now I start putting things in order they are on the pages then after awhile just putting things anywhere. Also any tips on getting my pages to be actually responsive.


    0 comments
  • Basic HTML and CSS learning box model and git.


    Michael King•90
    Submitted 11 months ago

    If possible some tips on git and git message like when to push updates and I think I'm still not centering my cards vertically correctly.


    2 comments
  • Html and CSS workgin with a card with img and basid tags


    Michael King•90
    Submitted 11 months ago

    I feel I need to work a lot more on my css organization and html semantic. I'm fine when its just a small card but when It comes to doing whole sites I struggle with keeping thing organized and getting good layouts .


    1 comment

Latest comments

  • Hoaxilog•170
    @Hoaxilog
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    Coming up with an idea on how to solve my problem while doing this challenge.

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

    My problem that encounter is about the image, I started at 375px (mobile device) i set my card (parent element) to padding 1.5rem and i have a child; first is the image, I set position: absolute to stick at the very top and for another child which is the text below the image I set the margin-top to have some space and so I can see the text. Now there's a problem when I do this;

    • The space above the text is so huge when trying to zoom in at 375px.
    • Trying to remove the padding for my div > img but staying the padding for the text below

    SOLUTION

    • instead of relying on same div parent with same padding I make a different parent with the same padding for them. But removing the padding for my image using media queries since it only need to stick at the very top when u are on max-width 375px devices.

    REALIZATION

    • while doing this challenge I thought my path is gonna be easy like there is no problem that I can solve but this problem that i encounter humble me.

    Product Card Solution

    2
    Michael King•90
    @mking0823
    Posted 11 months ago

    Look into the picture tag I used it and it made 100% easier to switch between tags. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture

    Marked as helpful
  • Tharun E•40
    @Tharun-e
    Submitted 11 months ago

    HTML and External CSS

    1
    Michael King•90
    @mking0823
    Posted 11 months ago

    Nice mobile layout doesn't look like you attempted the pc size. You used the correct ul and ol for each list.

  • Nandhakumar•50
    @nandha126
    Submitted 11 months ago

    Social Links Profile

    2
    Michael King•90
    @mking0823
    Posted 11 months ago

    Instead of using divs for everything try to use Semantic html tags to improve accessibility.

    Marked as helpful
  • Gabriela Vespoli•90
    @gabihvespoli
    Submitted 11 months ago

    Responsive preview card using flexbox

    1
    Michael King•90
    @mking0823
    Posted 11 months ago

    I'm fairly new so .I'm not sure how much feedback I can offer but in my opinion it is perfect. I like how you used variable for you colors and typography and will be trying it in my next project.

  • Adedeji Ismaheel Ademola•10
    @AbuLfidaa
    Submitted 11 months ago
    What challenges did you encounter, and how did you overcome them?

    the responsive part of the project

    QR code component built with Semantic HTML5 markup, CSS, flexbox.

    2
    Michael King•90
    @mking0823
    Posted 11 months ago

    Looks great only suggestions is are max-width in px and with the width set to 100% So that your box and grow and shrink for something like a single card you may not even need a media media query. Kevin Powell on youtube has a great free course on it. https://courses.kevinpowell.co/conquering-responsive-layouts

    Also per the MDN you should avoid using <br> tags to wrap text in <p> tags. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br

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