added pngs and a new example to further explain the matter

[RAFIMIKI]

Description

Issue Solved

Type of Change

• Editing an existing entry (fixing a typo, bug, issues, etc)
• Updating the documentation

Changes

• Changed the 'top' typo from the css blocks to the correct 'right'
• added example 3 to further explain how to use it
• added PNGS to visualize everything

Checklist

• [x] All writings are my own.
• [x] My entry follows the Codecademy Docs style guide.
• [x] My changes generate no new warnings.
• [x] I have performed a self-review of my own writing and code.
• [x] I have checked my entry and corrected any misspellings.
• [x] I have made corresponding changes to the documentation if needed.
• [x] I have confirmed my changes are not being pushed from my forked main branch.
• [x] I have confirmed that I'm pushing from a new branch named after the changes I'm making.
• [x] I have linked any issues that are relevant to this PR in the Issues Solved section.

[CLAassistant]

All committers have signed the CLA.

[RAFIMIKI]

I signed the CLA and put the pngs in the media folder

will be finished very soon

[ishg-153]

@RAFIMIKI Are you still working on the requested change?

[ishg-153]

@RAFIMIKI It's been 2 weeks. If you don't respond with an update or push the changes within the next week. This PR will be closed.

[RAFIMIKI]

Sorry for not responding I’ve been busy, I did a push request and it was accepted, thought that it was done, what’s left to do?

[ishg-153]

Sorry for not responding I’ve been busy, I did a push request and it was accepted, thought that it was done, what’s left to do?

The images aren't reflected in the media folder, please take a look at my previous comment one more time to get a better understanding

[ishg-153]

@RAFIMIKI It's been two weeks are you still working on this PR.

[ishg-153]

@RAFIMIKI Due to your lack of response this PR is being closed and the corresponding issue unassigned.