All solutions

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

I am very proud of the stack selected, quite light and perfect for this challenge

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

Le challenge que j'ai rencontré, c'était comment écouter le redimensionnement de l'écran, je l'ai resolu grace à ce site : MDN, voici donc ma solution :

onresize = (event) => {
    if(window.innerWidth > 950) {
        shareOptionComponent.style.width = "fit-content";
        shareOptionComponent.style.backgroundColor = "#FFF";
        authorComponent.style.display = "flex"; 

        shareOptionComponent.childNodes[1].classList.replace("share-option-mobile", "share-option-desktop");
    }else {
        shareOptionComponent.childNodes[1].classList.replace("share-option-desktop", "share-option-mobile");
        authorComponent.style.display = classAdded ? "none" : "flex"; 
        
        shareOptionComponent.style.width = classAdded ? "100%" : "20%"
        shareOptionComponent.style.backgroundColor = classAdded ? "hsl(214, 17%, 51%)" : " hsl(210, 46%, 95%)";
    }
};

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

J'ai ajouter un border radiu à l'option de partage en version mobile, mais c'est pas ç'a n'a aucun éffet, si tu as une idée de mon erreur, n'hésite pas à me le souligner.

share {
     ...
     border-radius: 0 O 1rem 1rem !important;
     overflow: hidden;
 }

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

I want to used some frontend framework like react or preact for this challenge

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

How to customize some inputs elements, they was great challenge but I overcome.

• I found it just a little difficult to validate the number of days according to the months
• I want to know how will be best practice for make responsivity