This is a solution to the Article preview component challenge on Frontend Mentor.
Users should be able to:
- View the optimal layout for the component depending on their device's screen size
- See the social media share links when they click the share icon
- Solution URL: https://github.com/Mudi-Igbinoba/article-preview-component/
- Live Site URL: https://mudi-igbinoba.github.io/article-preview-component/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
- JavaScript DOM elements
Learned how to make a tooltip arrow using the ::after pseudo element
.share::after {
content: '';
position: absolute;
top: 99%;
border: 15px solid #000;
filter: drop-shadow(0px 8px 3px hsla(212, 23%, 69%, 0.199));
border-color: hsl(217, 19%, 35%) transparent transparent transparent;
}
Need to improve my responsive web design skills
- Website - Mudi Igbinoba
- Frontend Mentor - @mudi-igbinoba
- Twitter - @Mudi_Igbinoba
- Github - @mudi-igbinoba
- LinkedIn - Osamudiame Igbinoba