Responsive page made using grid and flex

Community feedback

• 

  Vijay K Naik•940

  @KruzadeR-VictoRPosted about 2 years ago

  Hi karthikeya,

  To answer your questions i'd suggest you to use html tags properly in your code so that you don't have to get confused while styling them and it will be really helpful even if you decide to change your styling later on.Make sure you use correct layouts in your code and it'll get you the same result in all the browsers.

  To resolve the issue of overlapping you should first understand the use of positions, like whenever you're using absolute to an element make sure it's parent element has position: relative , otherwise i'll take the document as its parent and style the element accordingly and that's what happening with your solution.You shouldn't use position absolute with any element if not needed.To understant positions i would suggest you this (https://css-tricks.com/almanac/properties/p/position)

  And you can resolve the accessibility issues by using a main tag in you code instead of a normal div and for the logo you can put it in a header tag as well and use css instead of ui libaries which will save you from HTML validation issue or you can use sass compiler if you like

  I hope i've helped you with your issues and if you need some reference regarding the solultion you can check my solutions or others as well ..... Ty. Keep Coding.......

  Marked as helpful

  0