add width in image source for responsive site - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Responsive Layout

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. Responsive Layout

Description

add width in image source for responsive site

Demo Code

ResultView the demo in separate window 

<html lang="en">
 <head> 
  <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, initial-scale=1"> 
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet"> 
 </head> <!--   ww  w  . j  a  va2  s  . c om-->
 <body> 
  <div id="container"> 
   <div class="offwhitepattern"> 
    <header> 
     <div class="header"> 
      <div> 
       <i class="menu_icon fl"></i> 
       <h2> <a class="logoname">Lorem</a> </h2> 
      </div> 
      <div class="topsocial fr"> 
       <a href="">Lorem</a> 
      </div> 
     </div> 
    </header> 
    <div class="first_news"> 
     <div class="top_new_header"> 
      <div class="info"> 
       <p>Lorem ipsum </p> 
       <p>Lorem ipsum dolor sit amet, consectetur adip</p> 
      </div> 
      <div class="image_heading"> 
       <div class="img_heading_div"> 
        <img src="https://www.java2s.com/style/demo/Opera.png"> 
       </div> 
       <h1>Lorem ipsum dolor sit amet, consectetur adipiscing </h1> 
      </div> 
     </div> 
    </div> 
   </div> 
  </div>  
 </body>
</html>

Related Tutorials