Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 2 months ago

Desktop View of 3_column_preview_card using HTML & CSS

Priyusha Chigurupati•30
@priyusha-10
A solution to the 3-column preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


What are you most proud of, and what would you do differently next time?

This is my practice project as I begin learning the basics of HTML and CSS. I've explored the display: flex property and implemented it specifically for the desktop view, as I haven't yet learned about responsiveness. Please disregard the different views of this site for now. Once I complete my learning, I will work on making it responsive and update it accordingly. I'm taking small steps, focusing on creativity, problem-solving, and finding solutions as I progress.

What challenges did you encounter, and how did you overcome them?

For this build, i haven't seen any challenges as this is very basic of CSS.

What specific areas of your project would you like help with?

While learning about height and width properties, I found it challenging to determine which values to use in different situations. I struggle with understanding when to choose px, vw/vh, %, or auto in practical applications, even though I grasp their theoretical usage.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Priyusha Chigurupati's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub