Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
22
Comments
15

Patricia Shiloh Kanneh

@shekinahwebdevGhana-Accra340 points

Studying to become a web developer and striving to make the tech world more efficient.

I’m currently learning...

React.js and tailwind css

Latest solutions

  • SOCIAL MEDIA DASHBOARD

    #react

    Patricia Shiloh Kanneh•340
    Submitted 19 days ago

    0 comments
  • PING-COMING-SOON-PAGE

    #react

    Patricia Shiloh Kanneh•340
    Submitted about 2 months ago

    1 comment
  • SIGNUP-FORM-MASTER PAGE --REACT

    #react#react-hook-form

    Patricia Shiloh Kanneh•340
    Submitted about 2 months ago

    1 comment
  • FAQ-ACCORDION-MAIN-FIRST REACT APP


    Patricia Shiloh Kanneh•340
    Submitted 2 months ago

    1 comment
  • CHAT-APP-CSS-ILLUSTRATION


    Patricia Shiloh Kanneh•340
    Submitted 2 months ago

    2 comments
  • TIP CALCULATOR APP


    Patricia Shiloh Kanneh•340
    Submitted 2 months ago

    1 comment
View more solutions

Latest comments

  • Nathy•30
    @Sonaite
    Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of making a responsive layout that adapts well to different screen sizes. Next time, I would better organize the HTML structure and maybe use CSS Grid.

    What challenges did you encounter, and how did you overcome them?

    I didn't face major difficulties, but sometimes I forgot how to do specific things and had to look them up.

    What specific areas of your project would you like help with?

    I’d like feedback on my media query usage and how I structured my layout with Flexbox.

    Responsive summary card using Flexbox and media queries

    #accessibility#pure-css
    1
    Patricia Shiloh Kanneh•340
    @shekinahwebdev
    Posted about 2 months ago

    Good job! but I couldn't view your code on GitHub, but I think you should apply grid, that would be the best option and also check the border-radius for the desktop view of the card

  • P
    Diu Gach•460
    @DevDiu071
    Submitted 3 months ago

    Calculator app built with HTML, CSS and JavasCript

    1
    Patricia Shiloh Kanneh•340
    @shekinahwebdev
    Posted 3 months ago

    Nice work but I think you should check the body's background color and that of the calc. Also you could probably use flex box for centering or margin: 0 auto.

  • Maahira•510
    @wawawoh
    Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    i created an accurate design layout as well as accurate js functionality. all toggles and buttons and filters work as intended and my js was not as cluttered. i used the json as well

    i also did apply my own gradient instead of the on given as i had trouble seeing the colours

    What challenges did you encounter, and how did you overcome them?

    sometimes the code is a bit clunky and the slider i mainly used w3 schools to help me

    What specific areas of your project would you like help with?

    any feedback is much appreicated

    Browser extensions using json

    1
    Patricia Shiloh Kanneh•340
    @shekinahwebdev
    Posted 3 months ago

    Hey, great job but when I pressed the active button the page shrink and only the extension part was showing.I think you should check the js logic

  • Jaya Jo•70
    @Jayajo5
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I can see my improvements in CSS and for next time I would like to play with grid CSS and will continue to learn tailwind CSS and bootstrap.

    What challenges did you encounter, and how did you overcome them?

    I really struggled with hover effect on image, and I researched more about this and finally achieved.

    What specific areas of your project would you like help with?

    Is my hover effects in HTML structure is good?

    Did I used CSS properties on hover effect is good or should I need to improve more? if there is another easy ways to achieve this kindly assist me!

    NFT preview card component

    1
    Patricia Shiloh Kanneh•340
    @shekinahwebdev
    Posted 4 months ago

    @Jayajo5 Hover effect is good

  • kwaku_duah•80
    @StephanDuah
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    Feels great to try on some basic html and css

    What challenges did you encounter, and how did you overcome them?

    No challenge whatsoevet

    What specific areas of your project would you like help with?

    None at the moment

    Responsive landing Page

    2
    Patricia Shiloh Kanneh•340
    @shekinahwebdev
    Posted 4 months ago

    @StephanDuah nice work but check out the width of the card, you could probably use flex or grid or transform to equally divide the card. Also, check the size of the image

    Marked as helpful
  • ohalewe chidiebere•70
    @The5thlewe
    Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    i learnt how to implement javascript event handler's on my project tried paying attention to the details of the sample that was given.

    i'll probably implement the javascript's fuctionality properly in the mobile view, was a difficult part of this project.

    Responsive card built with html, css and javascript

    1
    Patricia Shiloh Kanneh•340
    @shekinahwebdev
    Posted 4 months ago

    Nice try but please check the position of the card.

View more comments

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