Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
11
Comments
13
Caleb Abuul
@Caleb-Abuul

All solutions

  • Expense Chart

    #accessibility#tailwind-css#web-components#webflow#webpack

    Caleb Abuul•320
    Submitted about 1 month ago

    I designed the bar chart using a grid layout. If there is a better way of designing charts in HTML, CSS, or JavaScript, don't hesitate to let me know in the comments. Thank you.


    0 comments
  • Mortgage Repayment Calculator

    #accessibility#pure-css

    Caleb Abuul•320
    Submitted 7 months ago

    Actually my code has been bulky, and I fear that simple problems that require minimal code get me writing tons of code and I understand that this is not healthy. So, how can I ensure that I write minimal code, whether HTML, CSS and most especially JavaScript?


    0 comments
  • Product Card Preview

    #accessibility#pure-css

    Caleb Abuul•320
    Submitted 7 months ago

    I do not have any specific area that I need help with. However, any suggestion for improvement is very much welcome.


    1 comment
  • Contact form

    #accessibility#bootstrap#tailwind-css#webflow#pure-css

    Caleb Abuul•320
    Submitted 7 months ago

    I really would not need much help with my code right now. But I am open to learn ways I can make it even better, more responsive, more accessible and more sleek.


    0 comments
  • Bento-grid with HTML and CSS

    #accessibility#bootstrap#ionic#tailwind-css#webflow

    Caleb Abuul•320
    Submitted 7 months ago

    I am somewhat comfortable with my grid layout but managing the content of the grid is where my challenge lies. How can I style grid-container content such that it doesn't over floe it's container


    0 comments
  • Results summary component using HTML and CSS

    #accessibility#pure-css#web-components#webflow#animation

    Caleb Abuul•320
    Submitted 8 months ago

    I am comfortable with my project right now, however, if there is anything I could do better I'd really love to know.


    1 comment
  • Interactive Card Details Form using HTML, CSS and JavaScript

    #accessibility

    Caleb Abuul•320
    Submitted 9 months ago

    I would like help with my JavaScript because I feel that most of the code I've written down could be shortened and made easier to read with less code by using functions to do repetitive tasks. Also, I would like help with form validation using JS - especially date and email validation.


    0 comments
  • Faq-accordion

    #accessibility#angular#bootstrap#react#animation

    Caleb Abuul•320
    Submitted about 1 year ago

    My biggest challenge was making the tiles in the accordion close when clicked on a second time. So I used a loop to add a hide class to all the tiles and then toggle the current tile that is clicked on open to reveal its content and change the icon from a plus sign + to a minus sign -. However, I wanted the tile to close, if open, upon a second click, but to no avail. I would appreciate it if you could share with me how I can go about closing a tile that is been open already when it is being clicked on a second time.


    0 comments
  • Age calculator app

    #accessibility#animation

    Caleb Abuul•320
    Submitted over 1 year ago

    0 comments
  • Responsive Newsletter using HTML, CSS and JavaScript

    #accessibility#webflow

    Caleb Abuul•320
    Submitted over 1 year ago

    1 comment
  • Blog preview card. HTML5, CSS custom properties, Flexbox

    #accessibility#node#bootstrap

    Caleb Abuul•320
    Submitted over 1 year ago

    1 comment
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