Responsive 3 column card design using css and html

Community feedback

• 

  Tharun Raj•1,330

  @Code-BeakerPosted 18 days ago

  Hey there. Congratulations on completing this challenge. I'm sure you must've had fun playing around with your HTML and CSS knowledge! 🎉

  I have visited your live site and checked the source code. I have come to notice that while focusing on the looks of the site, you need to make sure you use the most appropriate tags for each element.

  • The buttons in this case are links that are styled like buttons. It is better to use a tags when creating links like these.
  • Use min-height: 100vh instead of height: 100vh. Using just the height will prevent the page's vertical height on mobile phones and smaller devices.
  • Instead of px, use rem values which are more responsive and easier to handle.
  • Use CSS Variables to make your code more re-usable. You can assign a name to a property and call use that property by that name.
  • Your site isn't responsive for mobile so you can try out media queries and optimise it to be viewed on phones.

  That's all I've wanted to point out. I hope this helps you improve your solution.

  Happy coding! 😄

  Marked as helpful

  0

  ---

  

  Stryde2022•170

  @Stryde2022Posted 18 days ago

  @Code-Beaker Thanks for the reply, i did not know anything about mobile responsivity, i will look it up right now.

  1