Skip to content
Submitted over 3 years ago

HTML / CSS / JS VANILLA !

Alexandre•140
@Alexandre-Chs
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

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 ♥

Community feedback

  • Akshay Meshram•390
    @akshay63Posted over 3 years ago

    @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.👍😎

    0
    Alexandre•140
    @Alexandre-ChsPosted over 3 years ago

    @akshay63 Ok thank you! I look at this very soon, thank you for your return! ♥

    0
  • Alexandre•140
    @Alexandre-ChsPosted over 3 years ago

    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? : '(

    0
    Raymart Pamplona•16,100
    @pikapikamartPosted over 3 years ago

    @Alexandre-Chs Hey your icons seems okay, it is appearing. Is it already a problem that you solved?

    Regarding about your second question, also it is correct , I viewed in my mobile and seems fine also in developer tools. Did you already fixed it? Maybe its because yours hasn't been loaded yet that is why the browser cant see it. Just wait sometimes for that since it is loading it I guess?

    0
    Alexandre•140
    @Alexandre-ChsPosted over 3 years ago

    @pikamart Thank you for your message !

    I don't know at all, everything looks okay though .. My old projects I didn't have any worries, and on the one I'm doing I don't have any worries too! Strange..

    Thank you for taking the time to help me ♥

    0
    Raymart Pamplona•16,100
    @pikapikamartPosted over 3 years ago

    @Alexandre-Chs well everyone here helps everyone^

    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