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

MaxCodeCraft

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

  • Reponsive landing page with HTML & CSS


    MaxCodeCraft•90
    Submitted over 1 year ago

    I need advices on the social icons, how can I position them at the bottom right with flexbox ? Also, how to put some space between them ?


    0 comments
  • Recipe page using HTML & CSS


    MaxCodeCraft•90
    Submitted over 1 year ago

    That's the two things that I can improve:

    • set space between the ol li bullets and the text
    • the kind of table at the bottom...

    Feel free to help me on these parts ! Thank you !


    1 comment
  • Responsive social links profile with HTML & CSS


    MaxCodeCraft•90
    Submitted over 1 year ago

    None on this project, but advices are always welcome !


    1 comment
  • Responsive blog card using HTML & CSS


    MaxCodeCraft•90
    Submitted over 1 year ago

    I didn't manage to have the left and right margins of 24px when viewed on mobile, if I did put margin: 0 1.5rem, i had the margin on the left side only and the right side was cropped, any ideas ? Thank you


    3 comments
  • QR Code challenge with basic HTML & CSS


    MaxCodeCraft•90
    Submitted over 1 year ago

    Somewhat I struggle to have the .attribution class centered when I want it at the bottom of the page, any help would be appreciated !


    1 comment

Latest comments

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

    Simple project, though if anyone has any recommendations on how I can do anything better let me please!

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

    I've never worked with tables in HTML, or styling them with CSS so I had to learn how to both set them up in HTML and style them with CSS

    Recpie Page (Vanillia CSS)

    1
    MaxCodeCraft•90
    @MaxCodeCraft
    Posted over 1 year ago

    Hi ! I don't have much to say, you CSS code is pretty neat ! Great job !

  • Abhishek Roy•50
    @abhishek-Roy22
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of to be the part of this challenges.

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

    Really, Nothing

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

    I love CSS part of this project.

    social-links-profile

    1
    MaxCodeCraft•90
    @MaxCodeCraft
    Posted over 1 year ago

    Hi Roy !

    I have to review your solution so if you don't mind here are my suggestions:

    • You should use the @font-face MDN Web Docs to use the right font from the assets folder
    • Try using variables declared in the :root of your CSS
    • If you want the design to match the original one better, try to find the paddings and margins with Photoshop or GIMP.
  • Ekow Sackey•90
    @SS-ekow
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of how i was able to break the component down into the right components and position them correctly.

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

    i found it hard figuring out dimensions for the illustration in mobile mode

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

    image sizing

    responsive blog preview card using html and css

    1
    MaxCodeCraft•90
    @MaxCodeCraft
    Posted over 1 year ago

    That's great work ! Why haven't you used an external CSS ? Also, you could have used @font-face since FEM gave us the .ttf files ;)

    Marked as helpful
  • Saeed Bin Mizan•80
    @BluffSet7340
    Submitted over 1 year ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of being able to complete my first ever project on this site.

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

    The main challenges stemmed from CSS and using div elements to place the objects the way I wanted it to. Lots of trial and error and various YouTube videos later, I was able to get it right.

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

    I would like feedback on the sizing and placement of the image as well as the text inside of my div element with a class of "box". Furthermore, I'd like to know how off I was with my paddings and if my alternative fonts are good enough to match the original in the design images.

    QR code component

    1
    MaxCodeCraft•90
    @MaxCodeCraft
    Posted over 1 year ago

    Hi,

    Im clearly a newbie so maybe someone will help you better but I think you should have used the box-sizing: border-box; property on your *{}, it may help you with your margins and paddings ?

    Also, the style-guide.md in the starter files gave you the font-family and font-weights that should be used on this project.

    Hope it helps a bit !

    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

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub