All solutions

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

The main challenge was to change the image color to purple, I overcome this problem because of after a read this article

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

To change the color of the image I can change it but it won't be 100% the same as predicted

What are you most proud of, and what would you do differently next time?

The colors change system it was pretty cool to implement, I was able to learn many new things 😁

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

Was Difficult to Make the Request as asynchronous

What are you most proud of, and what would you do differently next time?

The dynamic sizing by percentage

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

I did'nt know how to make a request using the fetch API so I readed the Mozilla documentation.

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

None

Made with love 🤘🖤

Made with love 🖤. Any thoughts to improve ? 🤔

Now my power level is OVER 9000! 🤘

Can anyone tell me if this logic is right, I have some doubts 🤔. JS:

    const day = document.getElementById('day')
    const month = document.getElementById('month')
    const year = document.getElementById('year')
    const amont_of_days = new Date(parseInt(year.value), parseInt(month.value), 0).getDate()
    let total_years = parseInt(current_year - year.value)
    let total_months = 12 - parseInt(month.value)
    let total_days = parseInt(day.value - current_day)
    if(current_month < month.value){
        total_years -= 1
    }
    if(current_day > day.value){
        total_months += 1
    }
    if(total_days < -1){
        total_days = total_days * -1
    }

Regex is pretty cool 😁, I will try to improve more on it 💪

To add borders to the table was a bit hard but the solution its super simple you just need to set the tr to display block and set the border css

tr{
    display: block;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid hsl(30, 18%, 87%);
}
tr:last-child{
    border-bottom: none;
}