my images (tagged under div s) are unable to sit side by side on the same row

Question

My images won\'t sit side by side & I\'m not sure why.

I\'ve set the display to be inline and it still doesn\'t work.

I think i should mention that i\'d like t

Answer 1

Remove display: inline from menu class and add display: flex again if you want to align all the elements with the logo than just change the position of menu div, make it as a mother div. Hope it solves your problem

* {
  box-sizing: border-box;
}

body {
  display: inline-block;
  width: 999px;
  height: 1000px;
  text-decoration: none;
}

.logo {
  padding: 5px;
  display: inline;
}

.menu {
  display: flex;
}