Responsive design, CSS Flex box

Community feedback

• 

  Lakhvider Singh•170

  @Ls6375

  Posted over 3 years ago

  Hey there I have checked your css code & I have found that you have given class name to each and everything in you html. Listen it is not necessary to give name to each class you can just use selector to select that element for example

  <div> <p>hi <span> There </span> </p> </div> you can simple use div p span to access the particular element in you stylesheet

  you can also see my Respostry where I have completed the same project using very few classes

  https://github.com/Ls6375/Frontend-Projects_Frontend-Mentor/tree/main/4.%20nft-preview-card-component-main

  01

  Marked as helpful
• 

  James F. Ciskanik•200

  @JamesTheLessFC

  Posted over 3 years ago

  Hi @purushotham91, Nice job on this! I remember wondering the same thing. I've found that naming classes does get easier with time (I don't spend more than a few seconds thinking about it now.) However there are a few things I do keep in mind. When a project is especially complex and you come back to it after a break, you'll thank yourself for giving your classes names that make sense and are easy to tell what they are. For instance if it's a div element functioning as a wrapper/container, include that in the name (i.e. "gallery_container"). It's also a good idea to be consistent with your naming, like sticking to camelCase or using underscores to separate words. Or if you're giving class names to your buttons, you could do something like "submit_button" and "delete_button", etc. Naming these "button_1" and "button_2" will be confusing once you have a lot of classes in your project. Above all, it should be easy for someone reading your code to figure out what the class name refers to.

  01

  Marked as helpful