How can I make my images side by side?

Question

https://code.sololearn.com/W1kP6ASpcj1o/?ref=app

Answer 1

img{
width:50%
}

Answer 2

Use the float property

Answer 3

<img.src=you paste the image link here....
And use
float: left/right so..you can see the image side by side

Answer 4

You're image already displayed side by side. Rotation your mobile to landscape to view..(or) reduce the image size fit with your screen size.
Note: Image was an inline element.

Answer 5

Netha_r2071 nope, we can't modify your code above since it's your code, not ours.

Answer 6

Use the float property and assign one image to left and one image to right or you can use flex in css or grid system in bootstrap

Answer 7

use the float: left/right to show the images side by side in one <a> tag.

Answer 8

Can u just modify the code above Coding Kitty M R RATUL(developer)

Answer 9

flex box is more flexible and modern possibility

Answer 10

wrap both images inside a <div> element, then within the opening <div> tag set <div style = "display: flex; flex-direction: row;">

Answer 11

Netha just remove the class from <a> tag and give to img tags and set width less than 50% it will work

Answer 12

img{
width:50%;
}

Answer 13

I helped you to send the solved one you are most welcome 😄