Mason

@mrcrist2526
80Points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

I’m currently learning...

HTML CSS

Latest Solutions

  • Desktop design screenshot for the Huddle landing page with a single introductory section coding challenge

    Responsive landing page using HTML and CSS. Flexbox display.

    • HTML
    • CSS
    1
    Submitted

    This was the last of my HTML + CSS newbie challenges! I would really appreciate some feedback before I graduate over to the junior-level challenges.

    How are my semantic elements? Am I using "main", "section", and "footer" correctly?

    Was my method of going about making the display responsive the best way of going about it?

    I also have no idea how in the example the :hover pseudo-class for the social media icons only highlights the border and the icon. I couldn't figure out how to change the color of the image. Only it's background.

    Anything else I could be doing better?

  • Desktop design screenshot for the 3-column preview card component coding challenge

    Basic flexbox component.

    • HTML
    • CSS
    0
    Submitted
  • Desktop design screenshot for the Single price grid component coding challenge

    HTML and CSS component created using Grid display.

    • HTML
    • CSS
    0
    Submitted

    Is there any way to host multiple sites out of one GitHub repository? I am getting a little tired of creating a new repository for every one of these challenges.

    Does anyone know if I can make one GitHub repo, name it Frontend-Mentor-Challenges, and host all of my challenge pages from it?

  • Desktop design screenshot for the Four card feature section coding challenge

    Created using flex-box. Mobile compatible.

    • HTML
    • CSS
    2
    Submitted

    Is there any way to host multiple sites out of one GitHub repository? I am getting a little tired of creating a new repository for every one of these challenges.

    Does anyone know if I can make one GitHub repo, name it Frontend-Mentor-Challenges, and host all of my challenge pages from it?

  • Desktop design screenshot for the Profile card component coding challenge

    HTML and CSS with basic flexbox positioning.

    • HTML
    • CSS
    0
    Submitted
    1. I have been working on my semantic tagging, how did I do?

    2. Could I have implemented any section/article tags or would that have been unnecessary.

    3. Was how I positioned the stats in the 'stats-container' overkill or was that the best strategy?

  • Desktop design screenshot for the Social proof section coding challenge

    A desktop/mobile compatible social page using flexbox.

    • HTML
    • CSS
    3
    Submitted

    I learned @media at-rule here which was an extreme headache. I up unhappy with the how the site looks at different widths above the min-height: 750px limit aside from the unadjusted landing desktop view. When I open the devtools in google however, I do not know why the content does not fit the screen.

    I also don't know how to keep all of my containers in their original position when I zoom out.

    Help!

Latest Comments

No comments

Mason hasn't commented on any solutions yet.