Skilled Earning landing page mobile first,tablet ,desktop using grid

Community feedback

• 

  IRVINE MESA•1,855

  @DrMESAZIMPosted over 2 years ago

  then secondly add this code inside index.html line 13

  0
• 

  IRVINE MESA•1,855

  @DrMESAZIMPosted over 2 years ago

  hi Ranjana

  I looked at your challenge and would want to help on the challenge on number 1 "the introduction part(text ) needs to be in center of the grid cell"

  here is how I altered the code inside the file index.html from line 26 to line 39

  replace the code with this

  <div class="introduction"> <div class="text"> <h1>Maximize skill, minimize budget</h1> <p> Our modern courses across a range of in-demand skills will give you the knowledge you need to live the life you want.</p> <div><button>Get Started</button></div> </div> <div class="image"> <picture class="members-and-courses-section">

      <source  media="(min-width:800px)"  srcset="assets/image-hero-tablet.png" alt="lady sipping tea-tablet">
      <source  media="(min-width:1000px)" srcset="assets/image-hero-desktop.png" alt="lady sipping tea-desktop">
       <img  src="assets/image-hero-mobile.png" alt="lady sipping tea-mobile">
      
      </picture>
      </div>
        
        
    </div>
  

  0