Skip to content
Submitted about 2 years ago

Responsive Blogr Page with Sass and some animations

Vasyl•550
@vasyaqwe
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blogr landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Second attempt. At first I did this challenge with tailwindcss, not sure if like it that much though. So I decided to redo this challenge. I played around with some animations, learned a lot. I think I did well with the dropdowns. Also, the images are different on mobile and desktop. I changed their src with js and I don't think it's the best solution, but that's all I could find about it.

Community feedback

  • Travolgi 🍕•31,400
    @denieldenPosted about 2 years ago

    Hi Vasyl, you did a great job!

    You can change images without using js using the picture element like this:

    <picture>
          <source media="(min-width: 55em)" srcset="./img/illustration-editor-desktop.svg">
          <img src="./img/illustration-editor-mobile.svg" alt="Designed for the future: extensible editor">
</picture>

    Hope this help !

    Marked as helpful
    0
    Roman•0
    @Blue7RonePosted about 2 years ago

    @denielden

    1
    Vasyl•550
    @vasyaqwePosted about 2 years ago

    @denielden Thanks for that, Deniel, I will definitely try that!

    1
    Travolgi 🍕•31,400
    @denieldenPosted about 2 years ago

    @vasyaqwe you are welcome and keep it up :)

    0

Please log in to post a comment

Log in with GitHub

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