On left side of the screen, you’ll notice it doesn’t go full screen. There’s a tiny gap around 2-5px maybe.
margin:0; to your body declaration in your CSS.
On Footer, I can’t make it stick to the bottom. I tried to use
position: fixed; but it always following whenever I scroll.
position: fixed; coupled with
bottom:0; will work. Note: you will also need to add
width:100%; and possibly update the margins around your flex element so the page renders correctly.
Can’t make video work, I use youtube as a link.
- How come you didn’t copy and adjust the code YouTube usually gives you when you click on the share button? It looks something like…
<iframe width="560" height="315" src="https://www.youtube.com/embed/M7g7Pfx6zjg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
Any suggestion also welcome
- I would add a couple of media queries to update the sizing of elements, particularly the flexbox when the browser size is smaller than full size on a desktop (if you want).
- You could potentially add some CSS to the hover state on the submit button so it’s a little interactive an you w