Help with CSS formatting

[briw418]

Hi! I am working on a project for a simple homepage web design but I have gotten stuck on the CSS formatting over my code. I have a graphic that I am attempting to replicate but it’s definitely starting to kick my butt because I’m so eager to learn HTML/CSS any help would be greatly appreciated and it’s much needed! Thanks <3

[vikramvi]

Don’t worry at all, I was in the exact same position like you in 2021, had to spend 8+ months to understand CSS properly and be comfortable with it.

Initially I felt it like alien language; super duper difficult to learn and master.

Do check below 2 threads from my side to help you better at CSS and master after building few projects on your own ( I had used frontend mentor for projects building, after finishing FCC course )

How to use CSS step by step to build webpage based on design

Scenario: I’ve received design to develop webpage as per ( instagram password reset page) First I write html file using relevant tags which is straight forward But I’m not getting what steps to follow with CSS ( where to start ) so that I make webpage look like design 3.1 start styling individual element ? 3.2 start from top to bottom ? Are there any good practices wrt CSS as I’m finding it quite hard to use compared to HTML, JS which are straight forward. Best, Vikram

How to start building sample web page ( post learning HMTL, CSS )

Thanks; but I’ve also read as new learner s/he should understand basics of CSS well enough and not to use any frameworks like Bootstrap etc or pre-processors. Also if basics are pretty solid then picking up any new shiny framework/library/pre-processor shouldn’t be difficult IMHO, but thanks anyways. Regards, Vikram

[vikramvi]

Couple of more things came into my mind just now ( tips from my learning days )

1. Google “CSS BEM”; since then I’m big fan of this technique which helped me immensely

2. After building few projects with plain CSS, do learn one of the most popular CSS frameworks like “Tailwind CSS” and build some more complex projects with this.

All the very best

[lasjorg]

@briw418

I have gotten stuck on the CSS formatting over my code.

Not really sure what you mean by this, but if you need specific help with your code, we have to see your code, and you have to be more specific about what it is you need help with.