I’ve submitted my very first project in my life. All feedback is very much appreciated. Beginner here, but please don’t be gentle! I am excited to learn. Pen link: https://codepen.io/zsummerfield/pen/OQNoNW
Thanks all!
Good job. I’m not a fan of the tangerine font. It’s hard to read something that looks like it’s in all caps.
1 Like
How about centering the image and the text underneath it? Also, use CSS to control the styling (width/height) of the image. To make the image responsive, you must use the Bootstrap 4 class of img-fluid. To center the image, you can use “mx-auto d-block” also.
img HTML
<img class="img-fluid mx-auto d-block" src="https://upload.wikimedia.org/wikipedia/commons/5/5d/M%C3%A1nyoki%2C_%C3%81dam_-_Portrait_of_Prince_Ferenc_R%C3%A1k%C3%B3czi_II_-_Google_Art_Project.jpg" alt="problem with source">
caption HTML
<div class="mx-auto d-block caption text-left">Ádám Mányoki: Portrait of Prince Francis Rákóczi II, 1724, Oil on canvas, 77,5 x 62,5 cm, Magyar Nemzeti Galéria, Budapest</div>
CSS
img, .caption {
width:70%;
}
1 Like
Bit different now. Reminder of the project site: https://codepen.io/zsummerfield/pen/OQNoNW/
Thank you very much for your feedback.