Any suggestions are welcome and appreciated :) Thank you
Alexander Heo
@AlexanderHeoAll comments
- @carrillodevSubmitted over 4 years ago
- @MindaugasJ88Submitted over 4 years ago
Hi, I just finished my first HTML and CSS project, therefore I have some questions:
- Does my website meets the responsive website standards? As I was trying to reduce the size of screen, the columns wraps and turns into the mobile version. Do you see any places where it's working/looking wrong?
- When it's best to use percent values and when fixed pixels values? At first I thought that I need to use everywhere percent values in order to make everything responsive, but I saw that it's difficult when you using percentage both to parent and child items. So I used both pixels and percentage, just wondering what is the best practice?
- Can you check the classes code? Now I had literraly styled everything in styles.css files. First I had styled tag selectors and then created bunch of class selectors classes. What could be improved in terms of styling logic and naming? Was my approach effective?
I'm grateful for any feeback. Thank you! ps: code is in two files - index.html and css/styles.css
@AlexanderHeoPosted over 4 years agoHere's my two cents on fixed vs responsive sizing. Keep in mind I am new to webdev, about 8 months of studying and i just starting to look for my first job.
So this has been my latest approach: the main container - responsive. this way the background image or color gradient will resize automatically with the screen. images, buttons, and other components - fixed. i don't want a button to stretch with the screen. same for images, i always set a specific pixel by pixel width and height on images, or image containers, and use media queries to make them responsive. certain things like side bars i like to set a fixed width, while the rest of the DOM will be set responsive. As far as selectors: this was something that took me a long time to get, and i'm still modifying my system with every project. but bottom line is to have a system. i like to plan out the styling so i know which elements will need styling, and which classes can be reused. learn the sibling and child selectors, and pseudo-classes like
:nth-child(), :first-of-type
, as these will help you select specific elements without giving every single element a class name. Hope this helps; these are such dense topics and there are so many different approaches to them.1