Nice page! I like your quotes and use of images.
One thing that is showing up in my browser is that your unordered list is running outside of the border inside your #paragraph div. It looks like it’s because the width here is set to 100%, and if you remove the width the list items stay within the border.
Also, you have two margin settings on your #imagequote. The left margin setting is pushing that image so that it doesn’t center horizontally with everything else. If you take out that left margin it should work. You could set a width on the image and then just use margin auto.
Nice work!
Great job! The page looks good!
Two small things that can improve the page:
- The second image stays in place when you resize the page, so on a smaller screen you can’t see the picture but only a part of it.
- The Wikipedia link is not an actual link. The one to Linkedin works perfectly fine!
Other than that it’s great!
Thank you both for the feedback. I made those corrections. However, I am still having a hard time getting the second image to center. I’m not sure if it matters that the image had a lot of white space to the right of it on the original website where it is posted?
Why not just copy and paste [style=“text-align:center;”><img align=“middle”] from the first image into your second image code?
Hey I noticed in your CSS you set the font, font weight and text-style for h1, h2 and h3 the same properties.
you could also write:
h1,h2,h3 { text-align: center; font-family: "Times New Roman", Times, Serif; font-weight: bold; } h1 { font-size: 100px; } h2 { font-size: 70px; } h3 { font-size: 50px; }
Just a suggestion. Not only does it shorten your code, but it makes it easier to read/maintain.
Thanks that is much cleaner. I also got the image to center!