Hey guys! Please give me ideas related to css! | SoloLearn: Learn to code for FREE!


Hey guys! Please give me ideas related to css!

I am making a web code and I think it looks very simple! Can anyone give me ideas, how to enhance its design? And if you can then pls provide me some animation tricks too!

6/29/2020 1:17:59 PM

Namit Jain

32 Answers

New Answer


The only thing I would like to say - Don't put all the colors on a single page... Choose 3-4 matching colors and work on it... You can search for different color palettes on google... you can take help form this website.. https://colorhunt.co/


Namit Jain By first look of your code, two basic tips i want to give you are: 1) stop using too many gradients. 2) stop using vibrant colors. Bonus: make sure you use colors that match your theme. if you're not sure how to find matching colors or themes check out https://coolors.co common tips: • use same margins and paddings to make it match other elements • don't use too many fonts • make sure your font size is not too big or too small • if you use rounded corners then keep that flow.


Namit, I don't think I can suggest fonts because it depends on how you want it to look like. Check fonts.google.com for tons of choice of font familiy.


Namit Jain As I mentioned earlier... Don't use so many colors.. You can use any color palette or make a color palette of yourself... Try to make gradients of similar color... it will give a shadow effect.. And make more spaces between elements and use padding And don't use different types of font... the heading would be bigger with a dark bg and the body would have a light bg... it's all about practice... you are a Python master.. . So it will take time looks like you are working on a secret project... good luck bro


🔫 Rick Grimes I don't know why but when I see other's webpage and use the same font family in my web page it won't work


Cuz you gotta import it before you use it. for example if you want to use Poppins font familiy then you have to link it using HTML or import it using CSS <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet"> OR @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');


Shreyansh [ #mememinati ] Ok!!! And


piyush singh Bro, I can't disclose my code! Ok wait! let me make a quick code


this is all i have <button designs> https://code.sololearn.com/WlnX5ZMb44p2/#html https://code.sololearn.com/WMzzG2T51O2z/#html https://code.sololearn.com/WOobL1S4GhLv/#html https://code.sololearn.com/WhtS5BsMgLii/#html </button designs> <background designs> https://code.sololearn.com/WwkqXltp62uW/#html https://code.sololearn.com/WZu4QQaSIyI0/#html https://code.sololearn.com/WSzDt53eKqay/#html https://code.sololearn.com/We9MZBx5GA70/#html https://code.sololearn.com/WgRCa17E00sy/#html https://code.sololearn.com/WCflwWMj62Jk/#html </background designs>


Try using grid for layout its a new feature that has been around for a while https://code.sololearn.com/WP3PSfIt6BjB/?ref=app


piyush singh I can understand what you are saying... I'm not saying worst to his code, I'm saying worst to Gradients... I appreciate his work, he is good py programmer I know much hardwork needed for making codes because I've coded 700 lines of web code and coding 700 lines isn't Joke... But result is also important... I'm pointing his mistake only for learning purpose, Making other's fun isn't my motive


🔫 Rick Grimes Which is the best font family for my code?


If you are looking for animated stuff then w3 schools, codecanyon and css tricks are the best places to visit..


Never means NEVER use Random Gradient Css is complete art... Never make it's fun by using random worst looking gradients Learn from success and failure of others... Others mistake is your profit, because then you understand NOT to do THIS mistake... HappY CodinG


5 Important Tips about Web Design - By Dev Ed https://youtu.be/z-xkbNLIB5w


Namit Jain Just visit fonts.google.com And you will find all the things you need to know about fonts.. Choose a font of your choice and click and you will find a btn named select this style... then go to embed... And you will find the link to import it and how to use it in your project..


https://www.w3schools.com/css/default.asp you will get full information from this site


I think it isn't just about how many colors you use, but as suggested above understanding how colors, and elements of art work together. An introductory art class may also shed some light on those basics, strengthening your execution of those principles. Nevertheless, from past codes you seem to be a very skilled coder and i have no doubt that you will master this skill as well!


Namit Jain You should also show your simple code So that ppl can give you some ideas regarding it


Namit Jain than I think that you should send your another code as it's mentioned in the rules and regulations of yeva's post on discussion box. Because bro it's needed to show your attempt. I gonna help my best and what can I do to help you I will help you✌️