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

Mary Njoroge

@MaryahceeHelsinki, Finland150 points

Hi, I am a junior frontend web developer with expertise in Vue.js, HTML5, CSS, Tailwind CSS, and JavaScript. I'm passionate about creating user-friendly interfaces and responsive designs that deliver an exceptional user experience. Currently, I'm expanding my skill set by learning React.

I’m currently learning...

ReactJs Typescript.

Latest solutions

  • Responsive GitHub user search app using VueJs && Tailwind CSS

    #tailwind-css#vite#vuex#styled-components

    Mary Njoroge•150
    Submitted about 3 years ago

    0 comments
  • Responsive url shortening using Tailwind css and VueJs

    #vue#vuex#tailwind-css

    Mary Njoroge•150
    Submitted almost 3 years ago

    0 comments
  • Interactive Advice Generator using Vue and Tailwind

    #tailwind-css#vue#axios

    Mary Njoroge•150
    Submitted about 3 years ago

    1 comment
  • Responsive coming soon page using VueJs

    #vue#accessibility

    Mary Njoroge•150
    Submitted about 3 years ago

    0 comments
  • profile card component using css flex box


    Mary Njoroge•150
    Submitted over 3 years ago

    0 comments
  • 3-column-preview-card-component-main using grid and flex


    Mary Njoroge•150
    Submitted over 3 years ago

    1 comment
View more solutions

Latest comments

  • Ukan•20
    @ukanlei
    Submitted about 3 years ago

    Card Component with HTML and CSS

    2
    Mary Njoroge•150
    @Maryahcee
    Posted about 3 years ago

    To avoid repetition in CSS I use class with same name when there are several elements that need same styling design. Also breakdown sections if it's Navbar section check to see what elements have similar design and give them same class name.

    Finish designing one section at a time it makes the work easier and you won't have to keep repeating your self. Cheers! Keep coding!

  • Ukan•20
    @ukanlei
    Submitted about 3 years ago

    Card Component with HTML and CSS

    2
    Mary Njoroge•150
    @Maryahcee
    Posted about 3 years ago

    Hi the card looks good. At first someone struggles with finding the best working flow. However I have some tips that have helped me become organized while working on my projects. First look and analyize the design and make a sketch of how I will approach the design. Second write down all sections (eg. Navbar, Main, footer.) in the design and what I will use (eg flex or grid) to make them. If you do this routine in your first projects you will notice that in the future you won't necessarily have to do it it comes naturally with more practice. I hope this helps. Happy coding!

  • Eduardo Pinheiro•20
    @EduMPinheiro
    Submitted about 3 years ago

    HTML CSS NFT preview card

    2
    Mary Njoroge•150
    @Maryahcee
    Posted about 3 years ago

    To add a divider line before the avatar add a div with an <hr> element, then style it as follows: hr { width: 80%; color: white; }

  • Eduardo Pinheiro•20
    @EduMPinheiro
    Submitted about 3 years ago

    HTML CSS NFT preview card

    2
    Mary Njoroge•150
    @Maryahcee
    Posted about 3 years ago

    Hi Nice work here! To put a circular border around the avatar image Add this border-color: white; border-radius: 50%; border-style: solid;

  • Emma•320
    @emjogale
    Submitted about 3 years ago

    Responsive page with flexbox layout

    2
    Mary Njoroge•150
    @Maryahcee
    Posted about 3 years ago

    @emjogale nice to know you managed. Happy coding.

  • Emma•320
    @emjogale
    Submitted about 3 years ago

    Responsive page with flexbox layout

    2
    Mary Njoroge•150
    @Maryahcee
    Posted about 3 years ago

    Hi, the background looks good to the eye , however you can add center/cover after no repeat. Nice work!

View more 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

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