Skip to content
Submitted about 4 years ago

HTML / CSS / JS VANILLA !

Alexandre•140
@Alexandre-Chs
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I am progressing more and more, I am happy!

Project only in HTML / CSS / JS VANILLA. I will start SASS on the next project!

Why do my icons not want to appear on my live server and on the host? Surprising, because internally on the computer I had no problems ..

Thx ♥

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Akshay Meshram•390
    @akshay63

    @Alexandre-Chs Hi Alexandre. A few changes i want you to make which are-

    1. In CSS(both mobile layout and desktop layout), the header__image doesn't need a transform property because you can position the background image in the Y-direction using "background-position" itself. For this I recommend you refer to MDN for a property that I've just mentioned.

    2. In ".btn" declaration in CSS, correct the "justify-content: flex-end;" as this correct value of justify-content property.

    3. In many places you don't need to use transform property I think because you are using flexbox for placements of items.

    Thats it! Keep coding.👍😎

  • Alexandre•140
    @Alexandre-Chs

    I have a problem !

    The preview on desktop for desktop and mobile is correct. However, if I open it with a phone, it's rubbish on the site and nothing works .. why? : '(

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