All solutions

• 
  Submitted 3 months ago

  CUBE CSS-inspired solution

  • HTML
  • CSS

  1

  40

  ---

  • More maintainable ways to use different flavours of position. Or alternative solutions...
  • Responsive images - what CSS properties are good to set to make the code maintainable and which are to be avoided;
  • Feedback on CSS organisation. Following the CUBE CSS methodology - there are some grey areas - when is it best to use utilities, when blocks?
• 
  Submitted 3 months ago

  CUBE CSS-inspired solution

  • HTML
  • CSS

  1

  40

  ---

  Headings:

  • In the end I went for the bold headlines as the h2s but was torn between these and the names. Is this the right choice?

  Grid:

  • In the design, the end of the paragraph box containing the quote is the same distance from the container edge. It was difficult to achieve this, while maintaining cards with balanced proportions display: grid and align-self: end pulled some of the cards out of whack. Is there a way to shift any existing space between elements within a container, without enlarging the container itself?
• 
  Submitted 3 months ago

  Responsive solution using CSS Grid

  • HTML
  • CSS

  1

  30

  ---

  Semantic HTML. I chose to code the cards as `` elements with aria-label attributes. Is this a good choice for accessibility, or would a different HTML element be better for this?

• 
  Submitted 3 months ago

  Solution with Semantic HTML, mobile-first workflow

  • HTML
  • CSS

  1

  60

  ---

  Any suggestions for improvements in HTML / CSS!

• 
  Submitted 3 months ago

  Solution using CSS Flexbox

  • HTML
  • CSS

  1

  30

  ---

  Working off the figma design, I'm not sure the font weights of both the title and the paragraph match the design... Curious to hear about whether this is common with bold/regular not matching to the google fonts' weighting.

  Also - curious to learn more about organising CSS and the use of HTML elements (content sectioning and otherwise!)