Blog preview card using only HTML, CSS

Community feedback

• 

  P

  Katrien Schuermans•1,400

  @katrien-sPosted about 2 months ago

  Honestly, no matter which screensize I look at your project, it's all messed up. When I look at your code, I have tons of questionmarks and 'why did you do it like this?' popping up. It's very hard to find a where to start giving you feedback.

  • You centered the .main-card using position:absolute. You could do that, if you know how positioning works. But it is also one of the hardest things to learn as a beginner so it's advised to use it as least as possible. Tip: The fastest way to center vertically & horizontally with CSS

  • A lot of your elements have a transform which you've used to put them in position. You could do this a lot more simple using padding on your main-card.

  • If you declare the font-family on your body, there is no need to declare it anywhere else again, unless the item has a different font-family.

  • When writing HTML, id's are most commonly used for when you need access to that element in JavaScript. For CSS, use classes

  Difference Between IDs and Classes While classes and IDs may seem similar at first glance, they have distinct purposes and use cases:

  Classes: Classes are designed to group multiple elements together. They allow you to apply shared styles or behaviors to various elements throughout your webpage.

  IDs: IDs, are used to uniquely identify individual elements. They provide a way to target specific elements for styling or manipulation.

  We've all been here, messing up and being a bit clueless. We only learn by making mistakes. So surely don't give up, because coding is fun.

  Have a few more lessons and try again. One of the better online tutors is Kevin Powell and he just released an HTML & CSS for Absolute Beginners

  0

  ---

  

  vijay1maroju•30

  @vijay1marojuPosted about 2 months ago

  @katrien-s Thank you for the feedback, I am still trying to figure out how to properly style elements, to be honest I thought that I got it, but after reading your feedback I think I need to start from the scratch again, come on how do all of you are this good at coding and I am still not even able to style properly. Um, I am sorry I just got frustrated since I am totally broke and trying to upskill to get a job. hmmm, looks like I did a lot of mistakes again, I doubt that I might be the slowest to learn coding.

  Anyway Thanks again, I will try to follow the tips you shared and I have also seen those youtube links you shared they were actually very helpful.

  0

  

  P

  Katrien Schuermans•1,400

  @katrien-sPosted about 2 months ago

  @vijay1maroju What I learned when learning how to code, it's those 'I'll never be good at' will always pop up in your head no matter which level you are. Every one of us wrote very bad code when we first started, everyone of us made mistakes that months later look weird. Learning is a process with lots of bouncing into errors. If you enjoy coding, have some patience. At some point it'll click and all will make sense. But go at your own rhythm.

  0