Desktop first using sass and flexbox

Community feedback

• 

  Shashi Lo•1,345

  @shashiloPosted over 4 years ago

  Trying is apart of development. You keep trying and learning until you get better. I really like your hover animation. Super clean!

  You are right, there is a better way to implement this. Try to avoid exactly positioning main sections when developing. It's very difficult to maintain and it doesn't work well on multiple screen sizes. For me, I usually only use position: relative; with left/right/top/bottom on elements that needs to move just a little bit. In this case, these cards should be completed a different way. You could either look at making this with Flexbox or CSS Grid. The best way to get ideas is to look at how others from the community are implementing their solutions. Everyone does things differently and it will provide some guidance you're looking for.

  2

  ---

  

  Tyshawn Anthony•75

  @tyshawn-anthonyPosted over 4 years ago

  @shashilo Thank you Shashilo! It was indeed very difficult to make them responsive. I need to look further into Flexbox and CSS Grids, hopefully I can get them down soon. Thanks again!

  1

  

  Shashi Lo•1,345

  @shashiloPosted over 4 years ago

  @Itchito You first have to build it, then you'll learn how to do it right, and last, you'll learn how to make it better. ;)

  1

  

  Tyshawn Anthony•75

  @tyshawn-anthonyPosted over 4 years ago

  @shashilo True that!

  0
• 

  Thomas Malice•135

  @thm01Posted over 4 years ago

  Cool hover effect, thanks for the idea :)

  1

  ---

  

  Tyshawn Anthony•75

  @tyshawn-anthonyPosted over 4 years ago

  @thm01 Thank you! Glad I could inspire in some little way!

  0
• 

  Pranshu Dobhal•295

  @pranshudobhalPosted over 4 years ago

  Hey Itchito, I loved the hover effect on cards. The way that I have positioned cards is using flexbox. I used bootstrap 4 which now uses flexbox for positioning. So, maybe you can give it a try.

  1

  ---

  

  Tyshawn Anthony•75

  @tyshawn-anthonyPosted over 4 years ago

  @pranshudobhal Thank you Pranshudobhal! I will definitely give it a shot. I took a css course that introduced bootstrap, but I wasn't sure if it was still the best route to take in 2020.

  0

  

  Pranshu Dobhal•295

  @pranshudobhalPosted over 4 years ago

  @Itchito Well, bootstrap does give you a lot of advantage w.r.t. responsiveness as it has built-in classes. So, bootstrap is a quick way to achieve responsiveness in websites and since the introduction of flexbox, it has become even more useful. How I use bootstrap is that I make the basic structure and the responsiveness of page using bootstrap and then I style my elements according to my needs. I hope you get what I'm saying.

  0