sp23-nelkin final project - rotate image

[ps2270]

Related to #133 in sp23-nelkin final project, many images need to be rotated 90 degr.

[njr2128]

These are the images that need attention:

[njr2128]

use:

style="transform:rotate(90deg);">

From https://www.w3schools.com/cssref/css3_pr_transform.php

[njr2128]

this ended up looking like this:

Need a different solution

[njr2128]

Trying to add a margin to see if that will help - a la https://www.geeksforgeeks.org/how-to-rotate-image-in-html/ and https://www.w3schools.com/cssref/tryit.php?filename=trycss3_image_gallery

<img src="./media-nelkin/image9.jpg" style="width:3.65278in;height:2.73959in" style="transform:rotate(90deg);" style="margin-top:100px;" style="margin-bottom:100px;" alt="A hand holding a string Description automatically generated with medium confidence" />

[njr2128]

This has landed me with this layout :(

[njr2128]

@tcatapano - help?

[njr2128]

Update after removing the sizing:

<img src="./media-nelkin/image9.jpg" style="transform:rotate(90deg);" style="margin-top:100px;" style="margin-bottom:100px;" alt="A hand holding a string Description automatically generated with medium confidence" />

[njr2128]

Now trying removing the margins: <img src="./media-nelkin/image9.jpg" style="transform:rotate(90deg);" alt="A hand holding a string Description automatically generated with medium confidence" />

this resulted in the same as the first try:

[njr2128]

Seems to have had no effect:

<p><img src="./media-nelkin/image9.jpg" style="transform:rotate(90deg);" alt="A hand holding a string Description automatically generated with medium confidence" /></p>

Looks like it was already in its own <p> -- as all images are in their own -- so it overwrote it

[njr2128]

This had no effect: <div><img src="./media-nelkin/image9.jpg" style="transform:rotate(90deg);" alt="A hand holding a string Description automatically generated with medium confidence" /></div>

[njr2128]

NOTE: it does look like these changes are having an effect on how much of the text is covered by the image

[ps2270]

can we rotate the originals then add them in a new media file to github, deleting the old ones? Seems like you are spending a lot of time on this issue?