How do I upload my tailwind css website I made on my cpanel host ? Explain it in basic stuff so I can grasp?

I used tailwind css in my web development project but as soon as the internet goes the images text blow out of proportion I used cdn if I had to deploy static website on amazon S3 with tailwind css how can I avoid this issue ??

Have an idea for collaboration for wordpress theme development anyone interested it's like people can team up and we can do more than just trying things on our own

I want some help with media queries I am new and learning so please don't bash me up :

Here is my css code I want to know how to solve the issue :

/* About Section */

.about
{
height:600px;
padding:50px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}

.abouttext
{
 position: relative;
 padding: 0 50px;
 height: inherit;
}

.abouttext h1
{
position: relative;
left: 230px;
}

.abouttext img{
width:20vw;
position: absolute;
top:50px;
}

.aboutlist
{
width:50%;
}

ol
{
list-style: none;
color: #e0501b;
}

ol li
{
font-size: 34px;
position: relative;
margin-bottom: 20px;
}

li p
{
font-size:16px;
color:#000;
padding-left:60px;
line-height:30px;
opacity:0.6;
}

li span
{
float: right;
  position: absolute;
 line-height: 25px;
 font-weight: 600;
}

How do I create a XML template for blogger I can't find any good resource for coding a responsive blog any one has good sources to learn and create cool XML blogger templates

Well I am new to laravel php framework I didn't use git while installing laravel now how do I integrate git into laravel