Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Blog Preview Card

@moyoclive22

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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