Product landing page still has some nagging details

HTML-CSS
#1

Heyall, have been working on this page for the last two days, but still have some problems…namely…

  1. The three icons with script need to look better and not so far apart. The code I have tried just doesnt do the trick.

  2. No amount of new youtube videos are accepted into my page so noone can view them.

thanks for taking a look!

#2
  1. Well, it depends on how you want it to look. Which I’m not sure about. Here is one way.

HTML:

<div class="pastries-1" id="about">
  <!-- Container for the h4 and icon -->
  <div class="icon-content">
    <img src="https://img.icons8.com/wired/64/000000/pink-macaroon.png">
    <h4>Succulent Sweets</h4>
  </div>
  <p>These melt-in-your-mouth macaroons are made of the finest ingredients, and dazzle your senses.</p>
</div>

CSS:

.pastries-1 {
  margin-top: 200px;
  display: flex;
  justify-content: center;
  /* Vertical align */
  align-items: center;
  /* Wrap on small screens */
  flex-wrap: wrap;
}
/* Center h4 and icon and some right margin */
.icon-content {
  text-align: center;
  margin-right: 40px;
}
  1. You can use this for the video. When you want the code for the video, on youtube press the share button and select the embed option.

<iframe width="560" height="315" src="https://www.youtube.com/embed/svD3gAe5sH8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

#3

It worked out thanks a lot!

#4