Display Flex

Community feedback

• 

  Natali 👻 Grimm•1,130

  @Grimm-NPosted 6 days ago

  Great job! I'm absolutely impressed by how responsive the design is! 👏 It looks really smooth across different screen sizes. Here are a few small suggestions to make it even better:

  1. Use relative units instead of pixels – Try using rem or em instead of px for better scalability and accessibility. This makes the design more flexible and adaptable for different screen sizes and user preferences (like zooming). 📏

  2. Use clamp for adaptive font sizes – You can use clamp() to make your font sizes adjust fluidly depending on the screen width, ensuring the text remains readable on both small and large screens. For example:
     font-size: clamp(1rem, 2vw, 1.5rem);
     This approach is great for responsiveness! 📐

  3. Consider using downloaded fonts – If you're using custom fonts, it's often better to download them (using @font-face), instead of relying on web font services. This way, you control the loading speed and avoid dependency on third-party services. 📥

  Keep up the great work! 🎉

  1