Html Panel not responsive

<asp:PlaceHolder ID="phFbLearnMore" runat="server" Visible="false">
<div class="divFBlearnMore" id="divFBlearnMoreId">
<span class="fbTextContent">Increase exposure to your job postings by sending them to the Facebook Jobs Marketplace.span>
<button id="FbButtonLink" class="fbButtonContent" >Opt Inbutton>
<span> <button id="closeButton" class="CloseButtonContent">Xbutton>span>
div>
asp:PlaceHolder>

Below is the css file

How to make a responsive code which will support and not break in any resolution

hello manas

i think you have to use boot strap....it will batter for you.....you can learn boot starp here....

https://www.w3schools.com/bootstrap/default.asp

and you have to use follwing code for make responsiv your panel:

>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js">script>
head>
<body>
<form id="form1" runat="server">
<div>
<div class="col-lg-12" style="background-color: slategrey">
<span class="fbTextContent">Increase exposure to your job postings by sending them to the Facebook Jobs Marketplace.span>
<button id="FbButtonLink" class="btn btn-primary">Opt Inbutton>
<span>
<button id="closeButton" class="btn btn-danger">Xbutton>span>
div>
div>
form>
body>
html>

1 Reply

Know the answer? Post it — somebody with the same question will find it here.