All solutions

• 
  Submitted about 4 hours ago

  Responsive recipe page; smooth thanks to transitions

  • HTML
  • CSS

  1

  00

  ---

  If anyone has better ways to solve the problems above, I am happy to listen :)

• 
  Submitted 2 days ago

  Social links layout with flex

  • HTML
  • CSS

  1

  00

  ---

  Using flexbox; how would one center the main object (card) horizontally and vertically (without .attribution affecting the alignment), and still have .attribution be right below that main object, without using position on the .attribution?

• 
  Submitted 3 days ago

  Blog Card made responsive with clamp

  • HTML
  • CSS

  1

  10

  ---

  I used clamp with viewport to scale elements between two values. The problem is that this way each element scales at its own rate (even though scaling is smooth individually).

  Is there a way to have each element scale in unison using clamp? Or if there is a better way to do this?

  Is there maybe a way to scale elements between two numbers, i.e. interpolating?

• 
  Submitted 3 days ago

  Centering QR code component with -ms-transform

  • HTML
  • CSS

  2

  00

  ---

  Although the project was simple to do, centering an element vertically and horizontally seems to be more complicated than it should. Using flex is possible (I think), but I decided to use positioning:

  .container {
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }
  

  I understand the transform property, but I don't understand what is -ms-transform property supposed to be and what does it do. If anyone has an answer or has a link with a good explanation, I am happy to devour it :)