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!
Francis II Rákóczi Tribute Page Project
Francis II Rákóczi Tribute Page Project
0
zsummerfield
#1
elisecode247
#2
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.
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%;
}
zsummerfield
#4
Bit different now. Reminder of the project site: https://codepen.io/zsummerfield/pen/OQNoNW/
Thank you very much for your feedback.