JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>

</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

<pre>Zad. Do 600px pokazac przyciski na dole a tabelke na caly ekran. Powyzej 600px pokazac przyciski na prawo od tabeli</pre>

<div id="one">

<table>
<tr><td>Name</td><td>Price</td></tr>
</table>

</div>

<div id="two">
<button>Hallo</button>
</div>

</body>
</html>





<div class="relative">
        relative
        <div class="absolute">absolute</div>
    </div>

CSS

body,
html {
    height: 100%;
}

.relative{
        position:relative;
        top:100px;
        left:100px;
        min-width:250px;
        max-width:500px;
    
        max-height: 500px;
        height: 100%;
        background-color:blue;
    }


    .absolute{
        position:absolute;
        width:100px;
        height:100px;
        background-color:red;
        bottom:10%;
        right:10%;
    }