Huddle Landing Page with Blocks

Community feedback

• 

  Sol B W•80

  @solybarrPosted over 4 years ago

  Thank you @rfilenko

  0
• 

  Roman Filenko•3,335

  @rfilenkoPosted over 4 years ago

  Hi Sol, no need for so many overwrites, simple positioning of cta block will be enough: { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }. Also check mobile version, maybe add some hover states😉. Roman

  0
• 

  Sol B W•80

  @solybarrPosted over 4 years ago

  Thank you @waleed-alfaifi @SahasSaurav

  0
• 

  Sahas saurav•745

  @SahasSauravPosted over 4 years ago

  the reason behind the accessibility issue is each must be uniquely identity from other so use aria-label attribute and this aria-label attribute also help with screen reader how to describe about the link. <a href="www.facebook.com" aria-label="facebook">Facebook</a>

  0
• 

  Waleed Alfaifi•130

  @waleed-alfaifiPosted over 4 years ago

  You can use position: relative instead of position: absolute and use negative margin-bottom to move the CTA down. When you use position: relative you can use margin: 0 auto to center the CTA. Just make sure you set a max-width to be able to center it.

  0