Sven

Latest comments

• 

  Agata Liberska•4,075

  @AgataLiberska

  Submitted about 4 years ago

  

  Just HTML, SCSS and Vanilla JavaScript

  3

  20
  

  Sven•295

  @Sven72

  Posted about 4 years ago

  Hi @AgataLiberska, maybe ARIA-Label is what you are looking for. (In case you don't want to use randomly div's due to accessibility reasons.) If so, I found this explanation to ARIA, which is helpful: https://stackoverflow.com/questions/22039910/what-is-aria-label-and-how-should-i-use-it And especially this MDN article about img:role ttps://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Role_Img Cheers, Sven

  1
• 

  P

  Katrien Schuermans•1,400

  @katrien-s

  Submitted over 4 years ago

  

  Single price grid component // Mobile First, Grid

  3

  20
  

  Sven•295

  @Sven72

  Posted over 4 years ago

  Hi Katrien, I solved the $29 with placing "$29 per month" into a div giving both "$29" and "per month" a p tag with a unique class. (Maybe an ID would be better?) `<div class="flex-container__row"> <p class="dollar">$29</p> <p class="month">per month</p>

  </div>`

  Than I applied in CSS display: flex to the div. So the pelements are aligned by default in a row.

  To center the month class vertically I need the align property from flex. So I have in my CSS:

  .month { align-self: center; color: var(--light-gray); padding-right: 90px; } Hope, this makes sense. Best, Sven

  1