Francis II Rákóczi Tribute Page Project

Francis II Rákóczi Tribute Page Project
0
#1

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!

0 Likes
#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.

1 Like
#3

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
#4

Bit different now. Reminder of the project site: https://codepen.io/zsummerfield/pen/OQNoNW/

Thank you very much for your feedback.

0 Likes