My tribute a to a sixties icon

Hello all, this is my first time initiating a topic. I am happy to be able to share my tribute to an icon of revolution and an enduring personality who presided over profound change in Latin America and the entire world.

Because of the requirements of this project I was unable to use pure HTML5 so I enter weaved it with HTML4. You may find my color scheme tastelessly garish to the point of vulgarity , I certainly do :yum:

Thank you for the “eye balls”
AntiFaschistische Club

Your page looks good @Da_vey. Some things to revisit;

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>).
    • The test script should be included, with all tests passing, when you submit your projects.
    • Your page passes 8/10 user stories. Click the red button to see which test(s) are failing and text to help you correct the issue.
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
  • In addition, there are three open <p> tags in your code that you never close.
1 Like

RomaModerator

Thank for your time and attention it is appreciated!
I have made the changes recommended by the online
validator, and added the code tag. I now receive a
green 10/10 when I run the test.

Thanks again.

Now for a little “nit picking”, my image has a “natural” width
of 800px, the image css sets it’s displayed width to 98%. The
parent element of the image has a max-width of 800px So,
the image will not be displayed at a width exceeding 784px.
This absolutely satisfies the requirement that the img element
should responsively resize, relative to the width of its parent
element, without exceeding its original size Yet in order to pass
the test I had to add “max-width:800px” :roll_eyes: to an image that could not
exceed 784px.

I understand what you’re saying.
The RWD course is not the end-all in HTML and CSS. There are a lot of different ways to create and style pages. There are HTML elements that weren’t touched on when doing the lessons. (You’ll need to use one when you do the survey page.) What they’ve tried to do here it introduce students to the basics and then create projects that culminate in a minimal viable product (MVP). To do this there are user stories. In order to test those stories there has to be the same things that the tests can run against. For you, you had to stretch your image a little. For others, they really have to downsize their image.

I fear you have not understood my NitPicking
I have not ''Stretched" my image.
Stretching the image would clearly violate this requirement
" relative to the width of its parent element, without exceeding its original size"
I interpreted “its original size” as to mean the images original size
But as I write this I realize that because of the non specific language
used in the specification it could mean the parent element’s
original size.
but further playing the " devils advocate "
this requirement …
img element should responsively resize, relative to the width of its parent
element
rules out any question “it’s original size” must refer to the
image element. Further I have used the term “Natural” size
as original size could refer to the size the image was originally
displayed at on the page.

We both should be using the term "native dimensions "
or making it clear that native dimensions are Not being
referred to .

Truly I find the specifications much less than clear
even to the point of being confusing.
" relative to the width of its parent element" which of course
contains the image , “without exceeding its original size”
The more I read that , the more I see alternative explanations.

1 Like