Responsive Landing Page (Huddle)

Community feedback

• 

  George_alex•140

  @GeorgeCaldarescuPosted over 2 years ago

  Hi. Regarding the social icons, try to use this format and will easily work style it with flexbox

  <main class="main-container">
          <img mockups.svg>
  
        <div class="text">
          <h1> Title       </h1>
          <p> text     </p>
  
          <button></button>
  
           <div class="social-links">
            <a> </a>
            <a> </a>
            <a> </a>
          </div>
        </div>
      </main>  
  

  Some other suggestion:

  • start with mobile style, will be easy to work and then when you are going to create the desktop one you need only a few changes
  • pay attention at the text in mobile version, is not easy to read
  • the social icons must be a link and not list

  Good luck!

  Marked as helpful

  1

  ---

  

  Hako•110

  @ilhanhakan-kocPosted over 2 years ago

  @GeorgeCaldarescu

  Thanks it worked perfectly! :)

  0
• 

  Luca•40

  @DeveloperLucaJPosted over 2 years ago

  Looks good! Just nest your icons in a div and position the div using grid or flexbox on the parent element. If you like you could add margin, too.

  Marked as helpful

  1

  ---

  

  Hako•110

  @ilhanhakan-kocPosted over 2 years ago

  @DeveloperLucaJ

  Thank you so much! It worked :)

  0