6
MrHope
1y

My 60th Day of learning Html and Css,
#Kindly comment on Font colors. And font family🙏

#I now think am capable of handling javascript🙌
#Anyone with Javascript ROADMAP , kindly help🙏

Comments
  • 10
    Way too many different attributes. Typical beginner mistakes, including the "text on useless background image".

    Cut that down. If you highlight everything, nothing is important.
  • 6
    Yeah, It's not great right now, but you will improve. This was mainly an exercise in coding rather than design

    Take a look at something like DevRant and compare it to your site and notice how much simpler and easier to read DevRants website is.

    Start with that, never use images as backgrounds for text unless you tone them Down by about 90%. Especially the first line of text is almost unreadable
  • 1
    is beautyfull
  • 1
    @highlight
    console.log('beautyfull')
  • 1
    @Hazarth point taken🙏🙏
  • 1
    Whats the scary head under the 1990s web page about ? Lol
  • 0
    Forget about fonts and colors for now. Concentrate on making it readable first.
  • 0
    No part of a letter should ever have the same color as the picture behind it. The easiest way to solve this is to cover the background with a tinted transparent element. This is isomorphic to desaturating the picture and offsetting the colours, but it can be easily controlled from CSS so I prefer it over preparing the image.
  • 0
    I think my problem description was bad, but the key problem is that the black text doesn't stick out of the dark, saturated background. My solution would be to desaturate the background.
  • 0
    @lorentz Desaturating and/or blurring stuff behind an element is what backdrop-filter has been invented for.
  • 1
    Not to be mean but this looks like a joke retro 90s website 😆

    the background image photo with hard to read text. The random line breaks and underlined words. The bland default serif headline. The "under construction" vibe to the message at the bottom.
  • 0
    Great start. A great way to learn at this stage is by imitating the websites you like. You can also checkout codepen for simple but cool small things people are making.
Add Comment