Hola, estoy haciendo mi primer projecto del certificado Responsive Web desing y se me ha dificultado mucho css. Se que la gente dice que es lo mas facil, pero yo lo he visto con dificultad, estoy usadondo visual studio code como editor de texto.
alquien me puede explicar como puedo agregarle css a mi tribute page?
Quiero que las 5 imagenes tengan el mismo solid borders, del mismo color. Pero quiero que cada imagen tenga un size diferente ( me sugerieron max-width< pero no me funciona) y halla espacio entre ellas, estas imagenes estaran organizada de forma horizontal…
Ademas no se porque no me aparece dos imagenes si esta .
<meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="main.css"> <title>EPICA band</title>
<div id="main"> <h1 id="title">EPICA</h1> <div id="img-div"> <a id="tribute-link" target="_blank" href="https://www.epica.nl/home"> <img id="image" alt="epicaphoto" src=" https://m.media-amazon.com/images/I/51PQxIgUeXL._SL1000_.jpg"> </a> <figcaption id="img-caption">Dutch symphonic metal band</figcaption> </div> <p id="tribute-info"> Epica is a Dutch symphonic metal band, founded by guitarist and vocalist Mark Jansen after his departure from After Forever. Formed as a symphonic metal band with gothic tendencies, later Epica have incorporated into their sound strong death metal influences. Starting from the third album, even progressive metal influences have become evident. In addition, the band often uses thrash metal and groove metal riffs, black metal passages (mostly in the drum technique), power metal moments and references to Arabic music. Some songs also have electronic shades, djent transitions and folk metal melodies derived from middle eastern, Chinese and Celtic traditions. Epica is also known for the attention to the vocal lines that, in contrast to the heavy context, weave very catchy, easy to hold, sophisticated and emotional melodies. The use of mezzo-soprano vocals and growled vocals, performed by Simone Simons and Mark Jansen respectively, is fundamental to the band's sound. They primarily write their own lyrics, which often deal with philosophical, psychological, spiritual, moral, scientific, environmental, socio-political, global and topical and personal themes. Epica is also known for their wide use of orchestra and opera choirs. In 2003, Epica's debut album The Phantom Agony was released through Transmission Records. Consign to Oblivion followed in 2005, and debuted at No. 12 in the Dutch charts. They moved labels to Nuclear Blast following Transmission's bankruptcy, and in 2007, released their third studio album The Divine Conspiracy, which charted at No. 9 in the Netherlands. 2009's Design Your Universe was met with yet greater success, debuting at No. 8 in the Dutch Albums Chart, and charting across Europe, also garnering much critical acclaim. Epica's fifth studio album Requiem for the Indifferent was released in 2012. Well received by critics, it achieved international success, entering the US's Billboard 200 at No. 104, and Japan's Oricon Albums Chart at No. 172. At the beginning of May 2014 the band released their sixth album, The Quantum Enigma, which was a huge international success, debuting on No. 110 on US Billboard 200 and peaking at No. 4 in Epica's homeland Netherlands.In June 2015 Epica was awarded the Music Export Awards, which is given to the Dutch act with the most international success in the past year. Their seventh album, The Holographic Principle, was released in September 2016 to continued international success, equalling the peak chart position set by its predecessor in the Netherlands. The band released their eighth album, Omega, in February 2021. </p> <div class="fotos"> <img src="https://tinyurl.com/6dfrdtda"> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRLnpE5DdnWT86s0l1uVlOcMyeBCZIi1WZryw&usqp=CAU"> <img id="three" src="https://tinyurl.com/4hep8csr"> <img src="https://tinyurl.com/chk5erzk" > <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSusH86mzsCwPR3xrII4p8ubUI2lU5aSZep0A&usqp=CAU"> </div>
background-color: lightslategrey; color: black; text-align: center;
max-width :100%; height: auto;