Nicolás Martin Esteban

intente con var y lo mismo

con el codigo

<body>
    <script type="text/javascript">
      let nombre="edteam"

      alert("hola ${nombre}")

    </script>

  </body>

en otro curso me enseñaron que siempre hay que poner ; en las variables al final

y que para concatenar:

var nombre = edteam;
alert("hola soy" + nombre);

estoy mal o el valor debe ser string?

tengo atom y quiero saber si hay algún atajo de la estructura de html.

<div class="card">
  <img class="card-img"
       src="https://tse1.mm.bing.net/th?id=OIP.y2RhxaX5EKLvYK29mYq4ZgHaH7&pid=Api&P=0&w=300&h=300" alt=" Dark vader">
</div>

<p class="card-title" >stars wars</p>

*,::before,::after{
  box-sizing:border-box;
}

.card{
  width:300px;
  position:relative;
}
.card-img{
  width:100%;
  display:block;
}
.card-title{
  position:absolute;
  bottom:0;
  background:rgba(0,0,0,.75);
  width:100%;
  height:100%;
  color:#fff;
  margin:0;
  padding:1em;
  text-align:center;
}

ni idea copie el código mal a algo?

cundo pongo el Font weight no canbia

<article>
  <p>Hola <span>Mundo</span></p>
</article>

:root{
  --regular: 400;
}
body{
  font-size:1em;
  ont-family:Verdana, Arial, sans-serif;
  font-family:"Times New Roman",Georgia,serif;
}

article{
  font-size:3em;
  font-weight:var(--regular);
}
span{
  font-size:1rem;
}

no se cual podría ser el problema.

las imagnes acuan como tenxto se pueden centrar en texto con text-align

solo cambie los valores hasta que estuviera al medio ¿eso esta bien?

<div class="box-1">Hola</div>
<div class="box-2">Adios</div>

[class^="box-"]{
  background:yellow;
  padding:50px;
  width:250px;
  float:left;
}


.box-1{
  margin-top:50px;
  margin-right:100px;
}