This is a solution to the Fylo dark theme landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
I got stuck when building the link with arrow icon on the right. Because I did not know how to align an inline-block object. Luckily, I found out that vertical-align
can do the trick
.arrow {
display: inline-block;
vertical-align: middle;
}
- Frontend Mentor - @tttinh