The next two challenges from Frontend Mentor
I've continued working on challenges on Frontend Mentor and just finished my third one yesterday. I'm still not through with the "Introduction" section — maybe after the next challenge? I already posted an entry about the first challenge.
Blog preview card
The second challenge was a page displaying a blog post preview card. It includes an image, date, author, description, and so on — all of which needed to be integrated.
Again, I added a small JavaScript exercise for myself. This time, I had the idea of letting users navigate back and forth between blog posts. That already works quite well. If it hadn’t been so late, I would have tweaked it a bit more. I thought it might be even better if the entire blog post card could be swiped left or right — like in a dating app. But I’ll keep that idea in mind for next time.
🔗 Live demo
📂 /blog-preview-card
With none of these challenges am I aiming for pixel-perfect accuracy. I try to complete the HTML and CSS parts as quickly as I can while still making it look roughly like the example.
Social links profile
The third challenge was a social links profile. You were even encouraged to include your own social links. This is the one I’ve spent the least time on so far, and I think it shows — especially if you compare my version to the original. The JavaScript function I used for this one was pretty simple. But for me as a beginner, it was still a challenge. The function displays a random quote. It shows up right under the “Artsy Frontend Developer” line. So if anyone wants to read all the quotes, they just have to refresh the page. There are eight quotes in total!
🔗 Live demo
📂 /social-links-profile
----------
>>> Music: -
>>> Mood: sick
----------