Fylo data storage component completed with CSS

Community feedback

• 

  Jiro Ricaro•715

  @jiroRiPosted over 4 years ago

  The desktop version looks really nice!

  I have a few suggestions that may be able to help you:

  • Put this @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap'); at the top in your style.css file so as to make the Raleway font family work inside the body element.

  • Inside your @media screen and (max-width:890px). Set a max-width for the .body-content class so that your component won't stretch too much especially on the iPad/Tablet port. The stretching also affects some elements inside your component so this may be a quick and temporary solution to the responsiveness problem.

  • Learn SASS/SCSS (if you haven't done so already), Discover its advantages, and utilize it. It will hugely help with your CSS.

  • I also suggest to re-adjust the three sibling buttons' border-radius to around 10px.

  Still, Great Job and keep at it bro! 💪

  1