All comments

• 

  Md Ashfaque•280

  @mdashfaque-mamdu-au17Submitted almost 2 years ago

  Hello everyone i have tried my best to align everything as per design. i know it could be done better and i am always open for suggestions. is there anything that can be improved ?

  

  social media dashboard with theme switcher

  1

  30
  

  Octopus•120

  @0xOctopusPosted almost 2 years ago

  Great work! To enhance the responsiveness of your design, I suggest implementing CSS GRID. This will allow you to easily control the number of rows and achieve a symmetrical layout for your dashboard. Instead of having one row with three cards and another with just one, you can use GRID to ensure all rows have the same number of cards. You can refer to my website for inspiration, and feel free to check out the code to see how I've implemented it.

  My code: https://github.com/0xOctopus/front-6

  Website: https://0xoctopus.github.io/front-6/

  0
• 

  Reno08-code•300

  @Reno08-codeSubmitted almost 2 years ago

  Hi ~lovely people any feedback is welcomed:)

  

  3-column-preview-card-component

  1

  30
  

  Octopus•120

  @0xOctopusPosted almost 2 years ago

  The desktop preview looks great, but there are a few minor adjustments that could be made, such as decreasing the letter spacing between lines of text in the paragraph or increasing the padding of your buttons. To improve responsiveness, I would recommend adding a media query for screens with a maximum width of 1000px. Inside this query, you should add the following property to your container element: flex-wrap: wrap. This will cause the cards to automatically return to the next line when the screen size is too small.

  If you're interested, you can check out my repository, where I've tackled a similar challenge. It might provide some inspiration for you: https://github.com/0xOctopus/front-3.

  Marked as helpful

  0