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

Keith N

@KeithLionsouth carolina110 points

Learning how to be a full stack dev and dabbling in python game design.

Latest solutions

  • 3 Column Preview


    Keith N•110
    Submitted over 2 years ago

    1 comment
  • QR code card


    Keith N•110
    Submitted over 2 years ago

    1 comment
  • Product review


    Keith N•110
    Submitted over 2 years ago

    1 comment
  • Order Summary Page


    Keith N•110
    Submitted over 2 years ago

    0 comments
  • My first gird layout using CSS grid

    #styled-components

    Keith N•110
    Submitted over 2 years ago

    1 comment
  • NFT card


    Keith N•110
    Submitted over 2 years ago

    1 comment

Latest comments

  • seun•180
    @Taiwola
    Submitted over 2 years ago

    web page mainly using GRID

    1
    Keith N•110
    @KeithLion
    Posted over 2 years ago

    Hey, I'm not great at explaining so I'm gonna link a couple resources that helped me out. First take a look through here: https://www.w3schools.com/css/css_rwd_intro.asp. W3schools.com is one of my go to sources when I get stuck since it has an examples, and walk throughs. Plus the examples are editable so you can see how things work real time. The second is, look into trying responsive layout first and then building out. This is a new concept for me so youtube will be your best friend. Checking out other layout and seeing how others went about this challenge also helps since you can then apply what they do to projects you try in the future. I really hope this all helps, and feel free to check out my solution to this one.

    Marked as helpful
  • La Ode Muhammad Ilham Setiawan•20
    @KabuKi8601
    Submitted over 2 years ago

    Order Card Using CSS Flexbox

    1
    Keith N•110
    @KeithLion
    Posted over 2 years ago

    Hey great job with this project. There's a few things that can be improved, if you set the background color to the pale blue that would add the two shade effect in the solution. For the cancel order link try adding some padding to the top to create that distance. To get the paragraph to look closer try changing the color to the desaturated blue with the font weight set to 500. Also see how the item box looks with the background color set to the very pale blue. Again awesome work.

    Marked as helpful
  • Itaro18•210
    @Itaro18
    Submitted over 2 years ago

    Testimonials Grid Section

    1
    Keith N•110
    @KeithLion
    Posted over 2 years ago

    I'm still new to design and learning clean code, your code looks pretty good. It's nicely organized and super readable to someone still learning, great job there. The end result looks pretty good to, had you considered adding a light shadow behind the boxes so they have that slight pop forward?

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