Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
18
Comments
16
P
Matthew
@MattJM1007

All solutions

  • Base Apperal Project with only HTML/CSS form validation


    P
    Matthew•360
    Submitted 3 months ago

    I would like with the semantics and accessibility of my html. What is the best way to handle the visibility of the error messages? Do I need aria labels for that?


    0 comments
  • Frontend Quiz App using JQuerry

    #jquery

    P
    Matthew•360
    Submitted 7 months ago

    Any feedback welcome on the structure of the code or anything I can do better!


    0 comments
  • Password Generator App


    P
    Matthew•360
    Submitted 7 months ago

    I would like to know if my javascript code could be shortened or condense (if it even should be). It certainly works and gets the job done but wondering if it can be written a little more efficiently.


    1 comment
  • Tip Calculator with Semantic HTML, Flexbox, Javascript


    P
    Matthew•360
    Submitted 7 months ago

    any and all feedback welcome. If there is ways I can refactor or cut down code and combine things, will still maintaining readability, I am open to suggestions!


    1 comment
  • Time Tracking Dashboard with Semantic HTML, Flexbox, Grid, Json Data


    P
    Matthew•360
    Submitted 7 months ago

    Any feedback is welcome or tips on how to position elements is great. Thanks!


    1 comment
  • Newsletter Sign Up with Javascript Validation


    P
    Matthew•360
    Submitted 8 months ago

    any feedback on the code or what can be done better is welcome :)


    2 comments
  • Article Preview Card with Semantic HTML, Flexbox, Javascript


    P
    Matthew•360
    Submitted 8 months ago

    Any feedback on the semantics or anything I can improve in html/css/js :)


    2 comments
  • Stats Preview Card using Grid


    P
    Matthew•360
    Submitted 11 months ago

    Is there a way to get the image to scale when going from desktop to mobile sizing? My images seems to stay the same size and I would like it to adjust as the screen size goes down.


    0 comments
  • Order Summary


    P
    Matthew•360
    Submitted 11 months ago

    Any feedback or improvements are welcome :)


    0 comments
  • NFT Preview Card using HTML and CSS


    P
    Matthew•360
    Submitted 11 months ago

    any feedback on the html or css code is welcomed. Is there anything I could have written/structured better? Is there an easier way to do the image's active state?


    1 comment
  • Meet landing page Responsive with Flexbox, Grid


    P
    Matthew•360
    Submitted about 1 year ago

    any feedback on layout and responsiveness would be great!


    1 comment
  • Testimonial Grid Section with HTML, CSS Grid


    P
    Matthew•360
    Submitted about 1 year ago

    Can someone help me make this responsive? I noticed the grid was not being responsive and I could not get the media query to work with grid as well. How can I do this?


    1 comment
  • Four Card Feature Grid layout


    P
    Matthew•360
    Submitted about 1 year ago

    The one thing I found difficult was setting the responsiveness for mobile. I had to set a fixed width to get the cards to be the same width when stacked on top of each other with flexbox. Is there a better way I could have done this without setting the fixed width?


    1 comment
  • Responsive Product Card


    P
    Matthew•360
    Submitted over 1 year ago

    Can anyone provide tips on how to format/layout the text elements? Is there a better option than what I did? Also, how are my media queries? Anything I can improve there?


    4 comments
  • Recipe Page with HTML CSS


    P
    Matthew•360
    Submitted over 1 year ago

    How can I format tables and lists better? Any resources or tips to write it efficiently?

    How can I make this responsive for mobile? Just use media queries and resize everything?


    1 comment
  • Social Links Challenge with HTML CSS Flexbox


    P
    Matthew•360
    Submitted over 1 year ago

    Is there away I could have made this design responsive for mobile without media queries?


    1 comment
  • Blog Preview Card using HTML, CSS, Flexbox


    P
    Matthew•360
    Submitted over 1 year ago

    I would like some feedback on the structure of my html code and the tags used. Is it done correctly? I tried to learn from the previous challenge comments and use more specific tags.

    (and if theres anything else that could be better, please let me know!)


    1 comment
  • QR Code component with HTML, CSS, and Flexbox


    P
    Matthew•360
    Submitted over 1 year ago

    any tips for getting the correct dimensions from the figma file? felt I had to search around to find the padding, margins, etc.


    4 comments

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

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