Responsive Four Card Feature section With Grid (Sass, Cube CSS)

Community feedback

• 

  Miran Legin•680

  @miranleginPosted about 2 years ago

  Hi LauSan,

  congratulations on completing this exercise. You did a great job and other than some minor differences in design comparison everything is working great. It seems that it is possible using Cube CSS to create almost pixel perfect design. Did you generate utility classes yourself or aree they baked in Cube CSS by default? For example: .gap-sm{ gap: 1.5rem; }.

  Keep coding!

  Cheers, Miran

  1

  ---

  

  LauSan•190

  @Lau-SanPosted about 2 years ago

  @miranlegin Thank you!! Cube CSS doesn't provide utility classes or a class naming method. You create your own classes.

  Cube CSS does give you a guide of how to create classes, so you can separate component classes from utility classes (all your own). It also tells you to work as much as you can on layouts FIRST, so that when you place any component, no matter what it is, its sizing, position, alignment, spacing (within the layout, not the component itself) is already handled so there's not much to do other than style the component itself. Does that make sense?

  Though there's a lot more to it and it's much better explained in the website Cube CSS, so head there if you're interested :)

  1

  

  Miran Legin•680

  @miranleginPosted about 2 years ago

  @Lau-San There are so many libraries/plugins/frameworks right now so keeping the track of all of them is quite challenging. I thought that it is the same as Tailwind for example but now i see that it is not the case. I've seems examples for [ in the class names online but never figured out what they represent. Anyhow thanks for the feedback.

  Cheers, Miran

  1