Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
35
Comments
8
Abdulrahaman Ridwan Ayinla
@Eleniyancode

All comments

  • Wawowah•450
    @wawawoh
    Submitted 2 months ago
    What are you most proud of, and what would you do differently next time?

    this was the longest most complicated challenge ive ever done and ive done some intermediate challenges before those were not as hard... but i successfully accomplished the main design and challenge with accuracy and a few animations. next time i would utilise the skills i learnt this time to make a better user and developer experience

    i did change the colour due to it being hard to tell the background color sometimes

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

    this was a hard challenge, everything from the cart to calculating the amount to sharing around the items and data. i spent lots of time going over the code trying to fix it and add something, it would eventually break and not work so id repeat and figure out ways to fix it. using object keys was very helpful and i learnt a lot about object literals

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

    if there are more streamlined ways to make this code so that it functions faster, that would be helpful

    product list with functioning cart

    1
    Abdulrahaman Ridwan Ayinla•500
    @Eleniyancode
    Posted 2 months ago

    Great job @wawawoh, i took a look at your code and it work okay, the ui might need some touch sha

  • P
    Steven•180
    @stevensuna
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?
    • Responsive Design Techniques: Using CSS Grid and custom properties to adjust layouts on various screen sizes.
    • CSS Spacing and Theming: Implementing a mathematical progression for spacing (using variables like --space-md) and an accessible color scheme with HSL.
    • Git Workflow: How to revert changes safely when needed and maintain clear commit messages.

    Testimonials Grid Section Solution

    #accessibility
    1
    Abdulrahaman Ridwan Ayinla•500
    @Eleniyancode
    Posted 4 months ago

    great work

  • P
    Steven•180
    @stevensuna
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?
    • Accessibility and Typography: I refined my approach to use rem for all typographic properties, which ensures better accessibility and scalability across different devices.
    • Box Model Precision: Using pixels for padding, margin, and borders provided more intuitive control over element spacing.
    • Effective Use of CSS Custom Properties: The adoption of HSL for colors and custom properties for design tokens improved maintainability.
    • Responsive Design: The mobile-first approach was essential. I ensured the design scales properly by using responsive breakpoints and semantic class names (following BEM).

    Four Card Feature Section Solution

    #accessibility#cube-css
    1
    Abdulrahaman Ridwan Ayinla•500
    @Eleniyancode
    Posted 5 months ago

    great work i love the way you structure the file i took a look at your css file and i saw you get a reset file, where do you get that, it is cool

  • NADIR•30
    @nadirmdb
    Submitted 11 months ago

    Product preview card using HTML & CSS - Flex Box

    #accessibility
    1
    Abdulrahaman Ridwan Ayinla•500
    @Eleniyancode
    Posted 5 months ago

    Nice code

    the page was responsiveness, no semantic html in your html code and as such it might not be accessible, i love the way you structured your css, it was clean and neat, all in all i rate the job 8.5/10, nice one, keep it up

  • Malik Adil Ferooz•100
    @Student-Adil
    Submitted 6 months ago

    Using HTML & CSS

    #accessibility
    1
    Abdulrahaman Ridwan Ayinla•500
    @Eleniyancode
    Posted 6 months ago

    great code i apprciate your work

  • Jojo-onedev•320
    @Jojo-onedev
    Submitted over 1 year ago

    Social links profile with css flexbox and responsive

    #accessibility
    1
    Abdulrahaman Ridwan Ayinla•500
    @Eleniyancode
    Posted 6 months ago

    great solution

  • Juan Alberto•20
    @juanhastier
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I feel very proud of having learned the basics of Astro and I would like to include React in my next projects.

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

    My biggest challenge was using the clamp() function to resize font without using media queries, but thanks to MDN I learned how to do it without much difficulty.

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

    I would really like help with HTML, how I could improve it, if it is accessible and semantic.

    Blog Preview Card

    #accessibility#astro#semantic-ui
    1
    Abdulrahaman Ridwan Ayinla•500
    @Eleniyancode
    Posted 6 months ago

    this a great solution, did you use react in achieving this? I love the fact that your code was simple and clean, nice job, well done

  • Bruno Nunes•10
    @brunonunesz
    Submitted 6 months ago
    What are you most proud of, and what would you do differently next time?

    I think the fact that I managed to do it.

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

    I found some challenges like how to center a div rs and how to move the footer to footer rs I fetched on the internet how to make and explanation about why and how

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

    CSS, like format and move divs on screen

    Responsive Landing Page Using CSS Grid

    1
    Abdulrahaman Ridwan Ayinla•500
    @Eleniyancode
    Posted 6 months ago

    hey mate, nice job, i am amaze with what you have achieve using html, i tried searching for your css file but i could not find it, i believe you can really add a nice touch to the design with a little css, nice job mate, you did well

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