Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
4
Keith
@KeithEsc

All solutions

  • Recipe page


    Keith•190
    Submitted 6 months ago

    How to set up list items to not wrap under the bullet/number?


    0 comments
  • FAQ Accordion - Transitioning Heights with CSS and JS


    Keith•190
    Submitted 6 months ago

    If anyone knows a better way of placing the SVG in the background please let me know because I spent way too much time trying to get this right and had to settle with what I have.


    1 comment
  • Advice Generator (Advice Slip JSON API)

    #astro

    Keith•190
    Submitted 6 months ago

    I know my paddings are not the same and the design is not an exact match, but I'm happy with the solution and the functionality. If anything stands out that should be fixed feel free to let me know and I'll look into it.


    1 comment
  • Expenses Chart Component - Vite + React

    #react#vite#chart-js

    Keith•190
    Submitted 6 months ago

    I am aware the font sizes, margins, and paddings are not exact and am ok with that. Feel free to give me some input on any errors you notice or changes that you would make to improve the code.


    1 comment
  • QR Code

    #astro#tailwind-css

    Keith•190
    Submitted 6 months ago

    Not too worried about font sizes, margins, or paddings, but if anyone notices anything that seems really off please let me know and I'll check it out.


    1 comment
  • Bento Grid

    #vite

    Keith•190
    Submitted 6 months ago

    If anyone wants to see how I solved this with grid layout and has any pointers on a better grid solution I'll gladly take them.

    I know my padding, margins, and font sizes aren't perfect, but I'm not too bothered by that. If you see anything that looks really off let me know.


    0 comments
  • Product Preview Card with Flexbox


    Keith•190
    Submitted about 1 year ago

    I would take any advice on correctly using font weight/styles when using custom properties. The Fraunces font in particular had different styles depending on weight that I had to list out line by line.

    In regards to switching to column flex on the media query: would like to know why I had to set my text portion of my flexbox to 80% to take up 100% of the flexbox while the image portion worked correctly with 100%.


    0 comments
  • Social Links Profile HTML/CSS Flexbox


    Keith•190
    Submitted about 1 year ago

    0 comments
  • Four card feature w/Kevin Powell


    Keith•190
    Submitted about 1 year ago

    0 comments
  • Social Links Profile


    Keith•190
    Submitted about 1 year ago

    Any methods I could have used to get a more accurate match to the project.


    1 comment
  • Blog preview card with HTML/CSS


    Keith•190
    Submitted about 1 year ago

    Getting the correct margin/padding outside of the card and also between the text/image elements.


    0 comments
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