Forum

successivo o dovrei semplicemente iniziare a imparare i CSS. Tutti i siti web che possono essere consigliati che posso utilizzare per portarlo al livello successivo sarebbero molto apprezzati. Grazie in anticipo.

CSS : "body { margin: 0; } header { background-color: black; height: 100px; } h1 { margin: 0; color: white; text-align: center; line-height: 100px; } .centrage {text-align: center;} body { background-color: grey; color

css|images|js)/ security: false api: pattern: ^/api/ stateless: true provider: app_user_provider jwt: ~ main: stateless: true lazy: true provider: app_user_provider json_login: check_path: /authentication_token username

mobile... je me demande si c'est pas un souci dans le css, Javascript et la gestion du délai de chargement des images version mobile ou du codage... Des idées ?

CSS "transform : scale(0.5) ;", pour corriger ce comportement et afficher les images du tableau à une taille convenable (pour que la typo soit bien nette). Suite à cette modification, cela

css : ``` .bar-content{ width: 100%; height: 7px; border: 1px rgb(0, 140, 255) solid; } .bar-progression{ height: 100%; background-color:rgb(0, 140, 255); } ``` Plus bête on sait pas faire

css : /*MEDIA QUERIES*/ @media all and (max-width: 1024px) and (min-width: 1023px) and (max-height: 1366px) and (min-height: 1365px) { p{ color: pink } } /*En dessous, on codera pour les écrans

clic ``` Le code CSS ``` #hidden{ display: none; } ``` Le code Javascript ``` let cta = document.GetElementById("cta"); let hidden = document.GetElementById("hidden"); cta.addEventListener("click", () => { if(getComputedStyle(hidden).display != "none"){ hidden.style.display = "none"; } else { hidden.style.display = "block"; } }) ```