It looks like acceptable margins on my iPhone 7+, but i understand what you mean. Is all your CSS included in the
<style>? I couldn’t compose a stylesheet URL in my URL bar to see the linked stylesheet, which is good that your host blocks me from browsing your files. If your link had been correct the I could have seen it in view source.
Based on just what’s in your HTML file I think you’re are using empty grid columns for margins. Seems like experimenting with columns should do it. I think you’re trying that. What about changing the grid to a single column?
I really appreciate the high quality HTML, but there are a few errors. If you view source in Firefox errors are red. If that is not an option then use an online validator.
<title> in the
<head> does not get attributes like
<style> should be in the
<link rel="stylesheet" type="style.css">
<link rel="stylesheet" type="text/css" href="style.css">
Your image is in a
<div> which is already
display: block; so you can move the
<div> around with no
display alteration on the
<img>. You put a huge border on the
<img>, but it is not shown because
border requires three parts.
border: color size type(eg solid);
figcaption must be a child of
I see that the page is using international English and I am using American, but I think the spelling is still “psychedelic” and “Buddhism”.
I don’t see a