One of my current projects involves creating a panel with buttons organized in columns side by side, similar to the layout shown below:
https://i.sstatic.net/ObAqw.png
However, I am struggling to achieve this desired arrangement.
Below is the code I have been working on:
<style>
* {
box-sizing: border-box;
}
// More CSS styles here
<body>
<h2>Title</h2>
<div class="container">
<form action="/action_page.php">
// Form elements here
</form>
</div>
<a href="1.html">1</a>
</body>I suspect that the @media screen and .col-25/.col-75 statements in the CSS are causing some conflicts, but it's puzzling because they seem to only affect the spacing inside text areas, labels, and buttons, not outside of these elements.
UPDATE Upon further investigation, it appears that the mentioned CSS statements are not the root cause of the issue.