Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted almost 2 years ago

Blog Preview Card

foundation
moyo.clive•50
@moyoclive22
A solution to the Blog preview card challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Constructing the project presented challenges, particularly in managing the position of individual elements. The difficulty arose when attempting to incorporate multiple elements within a single function, especially concerning the implementation of the hover function. This complexity led to a struggle in achieving the desired outcome.

In terms of code uncertainties, CSS emerged as an area requiring attention. Specifically, there was uncertainty regarding the placement of elements and the utilization of the ':' symbol. To address this, I resorted to learning resources such as W3Schools and YouTube. These platforms proved instrumental in enhancing my understanding of CSS and refining the organization of the stylesheet. Through this process, I gained insights into effective element placement and the nuanced use of the ':' symbol, contributing to an overall improvement in the code's structure and clarity. Despite encountering difficulties, the learning experience through online resources facilitated a more informed and confident approach to handling CSS-related challenges in the project.

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 moyo.clive'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

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

Frontend Mentor

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

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