2 things I need help with

https://bakers-bliss.jerrawright-smi.repl.co/
How can I make the images side by side on the best sellers page?
How can I make the text on the chocolate chip cookie page (found by clicking on the image of it on the best sellers page) be next to the image?

You can try using flexbox.

CSS:

div.flex-row {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: row;
}

Now, what you do next is put all the images into the “flex-row” div like this:

<div class="flex-row">
  <!-- Place your imgs here !-->
</div>

What this does is create a div with the size set to fit the viewport, set its display to flex and set the flex-direction to row. I’d recommend this tutorial for flexbox.

3 Likes

Thank you for the help before. I was wondering if you could help with the below:
https://bakers-bliss.jerrawright-smi.repl.co/
How can I make the text on the chocolate chip cookie page (found by clicking on the image of it on the best sellers page) be next to the image?
How can I make the text in the label, bigger or smaller and add paragraphs?

1 Like

To put the text next to the image, we once again use flexbox. Just do this (assuming that you have put the above CSS code into your CSS file):

<div class="flex-row">
  <!-- img and text go here !-->
</div>

Whenever you want to put elements side by side, just use flexbox. It’s really useful.

1 Like