Tengo un servidor de nodos que envía plantillas de correos electrónicos.
Cuando estoy abriendo esa plantilla localmente , ejecuta los estilos CSS correctamente como debería.
Cuando me envío esto como un correo electrónico para probar, algunos CSS no se aplican.
CSS recibido de un correo electrónico de prueba:
mainCon { width: 936px; background-color: #e9e9e9; display: flex; font-size: 24px; border-radius: 0px 0px 20px 20px; }CSS original completo:
mainCon { width: 936px; height: max-content; background-color: #E9E9E9; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 24px; border-radius: 0px 0px 20px 20px; }Servidor (nodemailer):
const mailOptions = { from: "email@yahoo.com", to: "email@yahoo.com", subject: `sub`, template:'index', context: { fullName: req.body.fullName, reason: req.body.reason, problem: req.body.problem, } }El CSS está dentro del componente de estilo del manillar adjunto a la cabeza .
manillar codigo html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <div class="mainCon"> <p class="title">title</p> <div class="nameNreasonCon"> <div class="reasonCon"> <p>{{reason}}</p> </div> <div class="nameCon"> <p>{{fullName}}</p> </div> </div> <div class="problemCon"> <p>{{problem}}</p> </div> </div> </body> </html>