Latest solutions
Chat app CSS Illustration using ReactJS and Tailwind CSS
#react#tailwind-css#viteSubmitted over 1 year agoLoopstudios landing page using ReactJS, TailwindCSS and Framer Motion
#framer-motion#react#tailwind-css#viteSubmitted almost 2 years agoEasybank landing page using ReactJS, Vite, Tailwind CSS and HeadlessUI
#react#tailwind-css#viteSubmitted almost 2 years ago
Latest comments
- @nourallah28Submitted about 2 years ago@rajkp10Posted about 2 years ago
Hello Nourallah 👋, I hope you are doing great.
I can give following suggestion :
- Add @media query to make you design responsive.
- For smaller screens add
flex-direction : column
in wrapper class in media query. - Try to use rem instead of px.
- Try to write all your css in separate file and not in html
Appart from that everything looks great. 🥳
Marked as helpful0 - @MiguellArcanjoSubmitted about 2 years ago@rajkp10Posted about 2 years ago
Hello Migual Arcanjo 👋, I hope you are doing well.
I can give you following suggestions :
- Remove the
min-width : 460px
property from .logos class. It may cause abnormal design on smaller screens. - Try to use rem instead of px. As changing the font size in browser may cause in abnormal font size in your website.
Appart from that everything looks good. 🥳
Marked as helpful0 - Remove the
- @bbenbboySubmitted about 2 years ago@rajkp10Posted about 2 years ago
Hello @bbenbboy, I hope you are doing well.
I can give you following suggestions :
-Try to use rem instead of px wherever you can.
-Set
height:100vh
andwidth:100vw
of your main wrapper class.-And talking about the background image, try to use
background-size:contain
,background-repeat:no-repeat
,background-position:center
.0