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

Adrian

@AdrianmbuguaNairobi Kenya160 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

  • Testimonial Grid


    Adrian•160
    Submitted over 2 years ago

    1 comment
  • News Home Page Main


    Adrian•160
    Submitted over 2 years ago

    2 comments
  • Frontend Mentor | QR code component css html


    Adrian•160
    Submitted almost 3 years ago

    0 comments
  • Stats Preview Card


    Adrian•160
    Submitted almost 3 years ago

    1 comment
  • 3 column preview card


    Adrian•160
    Submitted almost 3 years ago

    1 comment
  • Preview Card


    Adrian•160
    Submitted almost 3 years ago

    1 comment
View more solutions

Latest comments

  • ata58011•220
    @ata58011
    Submitted almost 3 years ago

    I couldn't handle the mobile design part guys how can i do that ?

    #accessibility
    2
    Adrian•160
    @Adrianmbugua
    Posted almost 3 years ago

    Hi nice work you can use media query eg @media only screen and (max-width:900px) then display:block , this will make them stack on top of each other . Use cursor: pointer; for the button and remember to add the hover states for the button button:hover {}

    Marked as helpful
  • Adrian•160
    @Adrianmbugua
    Submitted almost 3 years ago

    Huddle landing page with single introductory section solution

    2
    Adrian•160
    @Adrianmbugua
    Posted almost 3 years ago

    Hi All,

    Im getting this errors when I view report , no idea what could be causing it, I put my site through a css validator it found no errors , Im stumped ! I havent used any of the values shown in the error

    {ERROR CSS: transform: too few values for the property transform.

    Context: e-height,-.5em))}50%{-webkit-t ERROR CSS: transform: too few values for the property transform.

    Context: ebound,-.125em))}64%{-webkit-t ERROR CSS: transform: too few values for the property transform.

    Context: -angle,-180deg))}}@-webkit-key ERROR CSS: transform: too few values for the property transform.

    Context: ate-angle,none))}.fa-stack{dis ERROR CSS: Unknown pseudo-element or pseudo-class :host

    Context: -width:0}:host,:root ERROR CSS: Unknown pseudo-element or pseudo-class :host

    Context: :\f3f6}:host,:root ERROR CSS: Unknown pseudo-element or pseudo-class :host

    Context: ight:400}:host,:root}

  • Marko Djurdjevic•330
    @Frozennn
    Submitted almost 3 years ago

    Order Summary component using HTML/CSS

    1
    Adrian•160
    @Adrianmbugua
    Posted almost 3 years ago

    I used grid template areas for that section and justify-self for spacing the music icon and the change text it worked out quite well. will be uploading later

    .plan{ display: grid; grid-template-columns: 1fr 2fr 1fr; grid-template-rows: 1fr 1fr; grid-template-areas: "music_icon annual_plan change " "music_icon price change" ; }

    Marked as helpful
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