Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
21
Comments
16
Ayorinde Maryam Oluwatoyin
@MARYAMTEE

All comments

  • haquanq•1,895
    @haquanq
    Submitted about 1 year ago

    Smooth image hover effect using pure CSS

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted 9 days ago

    Great Job!

  • P
    Aakash Dasgupta•410
    @a-d14
    Submitted 20 days ago
    What specific areas of your project would you like help with?

    I need help with the icon-next and icon-previous svgs. I am unable to style them as per the specification. When I try to resize them the svg gets clipped. And the arrow has a shape different than provided in the figma file.

    Also please check the project for accessibility, I tried my best to make the website as accessible as possible but it is possible that I missed a few things, or a lot of things.

    Ecommerce Product Page using HTML, CSS and JS

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted 18 days ago

    Good job, well done. I think you should put more work in your media query

  • P
    jfp99•330
    @jfp99
    Submitted 27 days ago

    news-homepage

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted 25 days ago

    Welldone

  • M_Oksentiuk•40
    @PaJuloyDedys
    Submitted 2 months ago

    Contact Form

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted about 1 month ago

    Nice work so far! Now give the body a full height (height: 100%) and apply Flexbox or Grid to centralise the content. – If using Flexbox, use justify-content: center and align-items: center. – If using Grid, use place-items: center to centralise everything both vertically and horizontally. Best of luck

  • P
    Katrien Schuermans•1,420
    @katrien-s
    Submitted 12 months ago
    What specific areas of your project would you like help with?

    I am aware it's entirely overdue using React for an Accordion. But it nevertheless had me encounter issues:

    • add hover effect on the title & how to make the title clickable
    • how to add in A11y
    • how to change background-color in icons/components from other libraries
    • how to work with images in React and optimizing for deployment

    This I will take with my for future projects and adapt here once I figured out.

    React on the Accordion-component

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted about 1 month ago

    Great job, well done! Now, you need to add the star icon beside your header text and make sure the first FAQ answer is displayed by default

  • P
    Katrien Schuermans•1,420
    @katrien-s
    Submitted over 3 years ago

    grid, flex, custom properties, utility classes & vanilla JavaScript

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted about 1 month ago

    Great job

  • JACE•150
    @Jace-0
    Submitted about 1 month ago

    tip-calculator-app-main with HTML, CSS and JavaScript

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted about 1 month ago

    Great job, well done. Setting height: 100vh on the body helps center content vertically, especially when combined with Flexbox. It works well for full-page layouts

  • Toluwani Somade•230
    @Adesmith001
    Submitted 11 months ago

    Time Tracking Dashboard

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted about 2 months ago

    Great work! Keep it up

  • KKen007•570
    @KKen007
    Submitted 3 months ago

    Responsive and dynamic page with Html, Css and JavaScript.

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted 3 months ago

    Great job! This looks amazing 👏

  • Liwix420•200
    @Liwix420
    Submitted 6 months ago

    Article-preview-component-master

    2
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted 6 months ago

    Great job, well done

  • WajahatAli130•90
    @WajahatAli130
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I got the site looking pretty similar to the example, even though there are some small details missing.

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

    At first I was feeling so lazy and unmotivated to start because of all the code that I would have to write for this. So many tags and containers! At one point I got really frustrated with the code because it looked so confusing but then I created a new HTML file and build everything from scratch and that helped me complete this challenge.

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

    How do I add lines between the rows of the table? And how do I get rid of the white border around the beige background?

    Recipe page using HTML tags and containers

    2
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted 8 months ago

    Ensure the design is viewed at 100% for accurate sizing! It's a crucial step for precision. Just double-check your screen resolution and zoom settings to avoid any scaling issues. Keep it up!

    Marked as helpful
  • Lucas Eduardo•40
    @Lucasedcm
    Submitted 8 months ago
    What specific areas of your project would you like help with?

    I cannot understand why there is no margin between the main container and the page borders when I enter the site using my phone. The width of the container seems to be fixed and I don't really know how to change that.

    Vailla HTML and CSS

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted 8 months ago

    Great job!

  • Lucas Eduardo•40
    @Lucasedcm
    Submitted 8 months ago

    Vanilla HTML and CSS QR Code

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted 8 months ago

    Great job

  • NeoV10•80
    @NeoV10
    Submitted 8 months ago
    What challenges did you encounter, and how did you overcome them?

    Getting the grid of jonathan to his place, I don´t know how I did it but it worked xd, I guess there has to be a better option to get the page done, but I don´t know how.

    Responsive grid section

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted 8 months ago

    Great job on your mobile-size design!

  • NeoV10•80
    @NeoV10
    Submitted 8 months ago

    Responsive four card feature

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted 8 months ago

    Great job. One thing to consider is adding a desktop view to make the design fully comprehensive. This will ensure it works seamlessly across all devices and showcases your versatility. Keep up the great work.

  • venkatesh-khatake•120
    @venkatesh-khatake
    Submitted 8 months ago

    Responsive Product preview card component

    1
    Ayorinde Maryam Oluwatoyin•330
    @MARYAMTEE
    Posted 8 months ago

    Congratulations on completing the challenge. A great design I must say. No suggestions

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

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