responsiveness done with tailwind css, Flex-Box and Grid

Community feedback

• 

  P

  Darrick Fauvel•490

  @DarrickFauvelPosted 4 months ago

  Hi @omarnate1, 👋

  Nice work on your solution. I also use Tailwind in my projects, and I think I have a tip for you.

  I find it helpful to add the fem- prefix to your color names in your tailwind.config.js file.

  colors: {
    "fem-moderate-violet": "#7541c8",
    "fem-very-dark-grayish-blue": "#48556a",
    "fem-very-dark-blackish-blue": "#19212e",
    "fem-light-gray": "#cfcfcf",
    "fem-light-grayish-blue": "#ecf2f8",
  },
  

  This makes it easier when using Tailwind's IntelliSense to access the Frontend Mentor(fem) colors used in the design. So, for example, when you want to set a background color to moderate-violet. Type bg-fem and IntelliSense will list all of your custom fem colors to choose from.

  I hope this is helpful. 😊

  Marked as helpful

  0

  ---

  

  Nathan Orobor•150

  @omarnate1Posted 4 months ago

  @DarrickFauvel thanks for the idea, I will hence forth.

  I will follow you on frontend mentor now if you don't mind I would like to add you on discord too so I can learn more tricks from you.

  1

  

  P

  Darrick Fauvel•490

  @DarrickFauvelPosted 4 months ago

  @omarnate1, that's great. It seems to work pretty well for me so far.

  I'll wave at you on discord.

  0

  

  Nathan Orobor•150

  @omarnate1Posted 4 months ago

  alright, please give me your discord username so I can add you as a friend and bug you with my javascript questions I have in the future, lol @DarrickFauvel

  0

  

  P

  Darrick Fauvel•490

  @DarrickFauvelPosted 4 months ago

  Nathan, I found you on Discord and added you. 👍

  0