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

DerrickInnit

@Derrick-ndemoKenya160 points

I am a young lad looking forward to becoming better at web development

I’m currently learning...

Python Bootstrap

Latest solutions

  • Bento grid


    DerrickInnit•160
    Submitted 9 months ago

    0 comments
  • Responsive Contact Form


    DerrickInnit•160
    Submitted about 1 year ago

    0 comments
  • Not responsive but decent Newsletter signUp


    DerrickInnit•160
    Submitted over 1 year ago

    0 comments
  • FAQs Accordion


    DerrickInnit•160
    Submitted over 1 year ago

    0 comments
  • Order Summary Card

    #accessibility

    DerrickInnit•160
    Submitted about 2 years ago

    0 comments
  • Responsive Product landing page using css grid and flexbox

    #accessibility

    DerrickInnit•160
    Submitted about 2 years ago

    0 comments
View more solutions

Latest comments

  • Sam•230
    @samd1a
    Submitted about 3 years ago

    Testimonials Grid Section

    #sass/scss#accessibility
    3
    DerrickInnit•160
    @Derrick-ndemo
    Posted about 3 years ago

    If you are talking about the quote image, try using background positioning. You can check out my solution if that's ok

  • Ghaffar_b•340
    @Ghaffar7
    Submitted about 3 years ago

    qr-code-component

    #bootstrap#django#flutter#jquery#react
    1
    DerrickInnit•160
    @Derrick-ndemo
    Posted about 3 years ago

    Hello there, I as a newbie will try to explain media queries to the best of my understanding.

    Media query is a CSS technique introduced in CSS3.

    It uses the @media rule to include a block of CSS properties only if a particular condition is true.

    Example If the browser window is 600px or smaller, the background color will be light blue:

    @media (max-width: 600px) { body { background-color: lightblue; } } As for this specific project, you can check out my page or codepen (https://codepen.io/derrick-ndemo) on how I did it

    Marked as helpful
  • Adrian Campos•10
    @jadrianc
    Submitted about 3 years ago

    QR CODE Card

    3
    DerrickInnit•160
    @Derrick-ndemo
    Posted about 3 years ago

    Hello there Adrian. I as a Newbie used CSS flexbox to position the middle container. for the text, I personally used the text-align property (center)

    Marked as helpful

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