Hey guys! Please give me ideas related to css!

Question

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!

Answer 1

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/

Answer 2

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.

Answer 3

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

Answer 4

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.

Answer 5

🔫 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

Answer 6

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');

Answer 7

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

Answer 8

Shreyansh [ #mememinati ] Ok!!! And

Answer 9

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>

Answer 10

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..

Answer 11

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

Answer 12

Try using grid for layout its a new feature that has been around for a while

https://code.sololearn.com/WP3PSfIt6BjB/?ref=app

Answer 13

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

Answer 14

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!

Answer 15

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✌️

Answer 16

5 Important Tips about Web Design - By Dev Ed

https://youtu.be/z-xkbNLIB5w

Answer 17

𝐊𝐢𝐢𝐛𝐨 𝐆𝐡𝐚𝐲𝐚𝐥 no I can't!!
I am sorry!
I just want some advanced css tricks

Answer 18

Namit Jain ya I was too saying that😄

Answer 19

piyush singh Shreyansh [ #mememinati ]
https://code.sololearn.com/WU9o6AMOl37f/?ref=app

Answer 20

Use light background color ,,,,when color of text is light