@PedroOliveira76Submitted about 2 years ago
I couldn't put the icon, I accept help
demy
@DemyttenaereAll comments
- @DemyttenaerePosted about 2 years ago
Salut @PedroOliveira76,
Pour afficher l'icone et le message d'erreur tu dois tout d'abord placer une balise : <span id="logo"></span> en dessous de chaque input dans ton html. Dans ton Js tu stock ton element dans une var comme ceci : var logo = document.getelementbyid('logo'); Ensuite lorsque tu veux le faire apparaitre avec ton if/else tu as simplement à faire : logo.innerHTML = "<img src='icon-error.svg'>"; et pour l'enlever : logo.innerHTML = '<span id="logo"></span>';
En espérant que cela t'ai aidé.
1 - @MiftaharifSubmitted about 2 years ago@DemyttenaerePosted about 2 years ago
Bonjour,
Voici quelques conseils pour ce challenge: Pour espacer vos lignes dans .text p vous pouvez utiliser la commande css "line-height". Le texte pour "proceed to payment" et "cancel order" est trop gros, vous pouvez modifier cela avec "font-size" meme si je me doute que vous le savez. Dans ce challenge vous aviez une partie actives-states dans le dossier design, vous deviez modifier le bouton "change" et les boutons "proceed to payment" et "cancel order" lorsque votre souris passe dessus. Pour faire cela vous pouvez faire : .order a:hover { } .button .btn-pay:hover { } .button .btn-cancel:hover { } Ensuite indiquez vos modifications dans les accolades. Un dernier conseil que je pourrais vous donner c'est de ne pas utiliser autant de <div>, par exemple pour l'icone musique, vous pouvez faire comme ceci : <img class="icon-music" src="./images/icon-music.svg" alt="">
En ésperant que cela vous aides, bon codage !
0 - @DemyttenaereSubmitted about 2 years ago
Hi there, I would like your feedback following the realization of this challenge! Any constructive advice is welcome!
@DemyttenaerePosted about 2 years agoHello @PhoenixDev22,
Following your answer to the last challenge, I started this challenge by following your advice which helped me a lot! Can you tell me what you think about it?
0
