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

kthgrm

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

  • Recipe page


    kthgrm•60
    Submitted 10 months ago

    1 comment
  • Social link profile


    kthgrm•60
    Submitted 10 months ago

    1 comment
  • blog preview card solution


    kthgrm•60
    Submitted 10 months ago

    1 comment
  • QR Code Component


    kthgrm•60
    Submitted 10 months ago

    1 comment

Latest comments

  • Divine Chidera•90
    @Dondera23
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I am happy and proud of the fact that I am making progress and that motivates me to keep going.

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

    The padding and coloring the bullet and numbers of the list items was a little difficult, so I decided to group the (li) elements and give a class then it was easier to style them using the class.

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

    None for now

    HTML and CSS styling(Div,Article,list styling)

    1
    kthgrm•60
    @kthgrm
    Posted 10 months ago

    You forgot the bold text in the instructions and just add a margin for top and bottom of the container.

  • Marcos Valenzuela•100
    @MarcosAvg
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    This time I wasn't lucky enough to have the figma file, so I did everything by eye, using paddings, margins, font-sizes, etc.

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

    not having professional design references, I feel that I used spacing values in an ambiguous way, as well as the font-size of the letters, the design was responsive, but the CSS organization is not quite right. I feel that I could be repetitive with some values and I didn't find the way to group them.

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

    Mostly with CSS organization as well as HTML semantics.

    Social-links-profile using semantic HTML and CSS (no figma)

    1
    kthgrm•60
    @kthgrm
    Posted 10 months ago

    Try setting a width on your container and you should be all good. The rest of the components are already similar to the design.

  • Aram Hagen•200
    @AramHagen
    Submitted 10 months ago

    Responsive blog preview card

    1
    kthgrm•60
    @kthgrm
    Posted 10 months ago

    Fantastic! The solution looks pretty much the same as the design.

    Marked as helpful
  • Carey Fynface•40
    @Iamdoncarey
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    i'm proud of me creating this responsive site myself without the help of asking for help and it is really building my confidence, and also i would time myself next time to beat my current timing on building this project.

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

    I encounter a minor problem making it responsive but then i had to use both the em and rem to make it resonsive instead of using a fixed measurement (px).

    Responsive QRcode

    1
    kthgrm•60
    @kthgrm
    Posted 10 months ago

    The path of the image is not correct, that is why it does not show the image. By simply removing the "images/" on path should do the trick.

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