Regarding lesson Coffee shop: coffee cards

#1

Hey hello I am at the Coffee shop: Coffee cards lesson and after adding all the pictures as done in the lesson I don’t know why each image is coming under one another and with a smaller size. I’ve also written the whole things again but nothing showed up. I’m not getting where am I making the mistake ive also tried adding new tags but its of no use. Please guide me.

20230307_005519
20230307_0055191920×864 88.9 KB

#2

Here are a few things to check:

  1. Make sure you are using the correct HTML tags and attributes for laying out your images. You can use the
    tag with the display: inline-block CSS property to make the images appear side by side. For example:
<div style="display: inline-block;">
    <img src="image1.jpg" alt="Image 1">
</div>
<div style="display: inline-block;">
    <img src="image2.jpg" alt="Image 2">
</div>
  1. Check that the images are correctly sized. You can use the width and height attributes to set the size of each image. For example:
<img src="image1.jpg" alt="Image 1" width="300" height="200">
  1. Make sure that there is no extra whitespace or line breaks between the images. This can cause them to appear stacked on top of each other. For example:
<div style="display: inline-block;">
    <img src="image1.jpg" alt="Image 1">
</div><div style="display: inline-block;">
    <img src="image2.jpg" alt="Image 2">
</div>
1 Like
#3

Thank you so much. It worked out. :blush:

1 Like