Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
7
Comments
6
Maxked-Code
@Maxked-Code

All comments

  • Hamid Riaz•150
    @hamidriaz1998
    Submitted 12 months ago

    Responsive Four card layout with CSS Grid

    1
    Maxked-Code•120
    @Maxked-Code
    Posted 12 months ago

    Very Nice semantic structure, accessibilty is great range of screen fits the code is well-structured

  • GelatoCode•60
    @gelatoCode
    Submitted 12 months ago

    Product Preview Card

    1
    Maxked-Code•120
    @Maxked-Code
    Posted 12 months ago

    Wow !! you worked very thoroughly and precisely. Nice!

  • Midnight-Black-Wolf•60
    @Midnight-Black-Wolf
    Submitted 12 months ago

    Recipe page

    1
    Maxked-Code•120
    @Maxked-Code
    Posted 12 months ago

    Very nice work. Keep going!!

    Marked as helpful
  • RogerTito455•170
    @RogerTito455
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    Honestly, I'm really proud of the patience that I was doing this because there were moments that I thought that this was impossible because the container didn't fix. But I could overcome that I could do this :D

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

    Well, I really find difficult to put the container in the correct place, and secondly, I didn't how to put the button in the right place and how to put the hover. I started trying other things like instead of modifying only the class of the button I started modifying the a to make the button.

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

    I would like to know how to make the code more efficient and understandable for the others

    SOCIAL-LINKS-PROFILE-MAIN DISPLAY

    1
    Maxked-Code•120
    @Maxked-Code
    Posted 12 months ago

    Very nice semantic HTML Great job looks good Keep up and keep going

    Marked as helpful
  • maks412•30
    @maks412
    Submitted 12 months ago

    blog-preview-card-main

    1
    Maxked-Code•120
    @Maxked-Code
    Posted 12 months ago

    You did a very good job. Well done!

  • basitali07•40
    @basitali07
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I proud on my HTML Skills and also on CSS box model but unfortunately i am facing difficulty to make websites responsive that's why i want learn CSS media quaries for making websites responsive. So i will make project with responsivness next time!

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

    I learned alot of things during this challenge but at the some part of code i face some difficulty to align the h1 element and p element. Because of not writing the exact text on my HTML code....

    below are code snippets on that part i faced difficulty:

    
                Improve your front-end skills by building projects
                Scan the QR code to visit Frontend Mentor and take your coding skills to the next level
              
    
    .text{
        text-align: center;
        padding: 0 25px;
    }
    h1{
        color: hsl(218, 44%, 22%);
        font-family: "Outfit", sans-serif;
        font-size: 22px;
        font-weight: 700;
        padding: 20px 0;
    }
    p{
        font-family: "Outfit", sans-serif;
        font-size: 15px;
        font-weight: 400;
        padding:0 15px 30px;
        color: hsl(216, 15%, 48%);
    }
    
    What specific areas of your project would you like help with?

    I want to continue focus on media quaries to make website responsive beacuase i haven't learn media quaries yet.

    HTML Semantic Elements, Flex Box, Box Model and , etc...

    1
    Maxked-Code•120
    @Maxked-Code
    Posted 12 months ago

    the semantic structure looks nice and ordered.

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