Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
7
Max F
@8bit-shawty

All comments

  • Holger Mueller•410
    @Holgermueller
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I was able to figure out enough javascript to pull the data from the JSON file.

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

    I had a little trouble with the desktop layout, getting the height of the user card right to be specific.

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

    Any and all constructive criticism is welcome!

    Time Tracker with CSS Grid and Vanilla JS

    1
    Max F•110
    @8bit-shawty
    Posted about 1 year ago

    Really great work. Try getting your container to be center

  • P
    mrcordova•1,360
    @mrcordova
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I figured out how to add valid email required next to the email address label. Next time I would try to do it with css but at the moment it seemed simpler with html and javascript.

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

    I was having a hard time switching to desktop and mobile without screwing up the layout. I overcame it with some trial and error. I would like to know if I could have laid out the card in a better way.

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

    Any general feedback is welcomed.

    Newsletter sign up with success message main using grid and flexbox

    1
    Max F•110
    @8bit-shawty
    Posted about 1 year ago

    Looks good. Try to add the success images and scale them to size

  • Wismal•220
    @Wismal
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Proud of trying different ways to accomplish this task, which led me to a lot of knowledge

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

    Mostly how to address the changing JS. I tried with display: none, changing the background and more, but this led breaking the flow of the page. I remembered the clasic z-index and how it didn't corrupt the flow. After that, everything turned out easily

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

    Just remember the z-index and dont overcomplicate it. Remember the positions.

    Responsive page using Grid and Flex

    1
    Max F•110
    @8bit-shawty
    Posted about 1 year ago

    Great work. really looks like how it should

  • bttrvng99•140
    @bttrvng99
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?
    • Using different styles of headings based on div class
    • Make the images full screen when on mobile size
    What challenges did you encounter, and how did you overcome them?

    How to use different layout on mobile mode, which I used the @media tag with max-width of 500px, then copy the html, body, main and img tags and override the values

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

    How to make the bullets/numbering farther from the texts in lists

    Recipe page using pure CSS

    1
    Max F•110
    @8bit-shawty
    Posted over 1 year ago

    Very well done. Margins look clean and everything looks centered as it should. Nice work

  • TeuzLemos•50
    @TeuzLemos
    Submitted over 1 year ago

    HTML5&CSS3

    1
    Max F•110
    @8bit-shawty
    Posted over 1 year ago

    Really nice work. I think the avatar could be a bit smaller but it looks really good. Nice Job!

  • Juan•740
    @JuanMiranda1998
    Submitted over 1 year ago

    Blog Preview Card

    1
    Max F•110
    @8bit-shawty
    Posted over 1 year ago

    Clean project. Looks identical

  • vknir•130
    @vknir
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    using flex box properly

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

    Challenges that I encountered was sizing

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

    Styling, I was not able to size the project according to the given design

    Landing Page

    1
    Max F•110
    @8bit-shawty
    Posted over 1 year ago

    Check the styles-guide.md it should help you out on which colors and fonts to use. Other than that, it looks really good.

    Marked as helpful
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