Pinku

Pinku

  • NA
  • 227
  • 38.3k

Html Panel not responsive

Mar 28 2019 12:49 AM
  1. <asp:PlaceHolder ID="phFbLearnMore" runat="server" Visible="false">  
  2. <div class="divFBlearnMore" id="divFBlearnMoreId">  
  3. <span class="fbTextContent">Increase exposure to your job postings by sending them to the Facebook Jobs Marketplace.</span>  
  4. <button id="FbButtonLink" class="fbButtonContent" >Opt In</button>  
  5. <span> <button id="closeButton" class="CloseButtonContent">X</button></span>  
  6. </div>  
  7. </asp:PlaceHolder>  
Below is the css file
  1. .divFBlearnMore {  
  2. positionabsolute;  
  3. padding-bottom7px;  
  4. colorwhite;  
  5. z-index1;  
  6. width130%;  
  7. height35px;  
  8. floatright;  
  9. border1px solid #0f9fd8;  
  10. background-color#0f9fd8;  
  11. font-size14px;  
  12. margin-top-84px;  
  13. margin-left-281px;  
  14. padding-top14px;  
  15. word-wrap: break-word;  
  16. padding-left74px;  
  17. }  
  18. .fbTextContent {  
  19. positionrelative;  
  20. margin-left70px;  
  21. word-wrap:break-word;  
  22. }  
  23. .fbButtonContent {  
  24. positionrelative;  
  25. cursorpointer;  
  26. border1px solid #FFFFFF;  
  27. background-color#0f9fd8 ;  
  28. color#FFFFFF;  
  29. border-radius: 3px;  
  30. margin-left770px;  
  31. margin-bottom50%;  
  32. padding-left37px;  
  33. padding-right37px;  
  34. padding-top6px;  
  35. padding-bottom5px;  
  36. word-wrap:break-word;  
  37. font-size:12px;  
  38. }  
  39. .CloseButtonContent {  
  40. positionabsolute;  
  41. cursorpointer;  
  42. color#FFFFFF;  
  43. background-color#0f9fd8;  
  44. border1px solid #0f9fd8;  
  45. floatright;  
  46. margin-left:31px;  
  47. padding-top6px;  
  48. word-wrap: break-word;  
  49. }  
How to make a responsive code which will support and not break in any resolution

Answers (1)