Submitted over 3 years ago

HTML / CSS / JS VANILLA !

Alexandre• 140

@Alexandre-Chs

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Article preview component

HTML
CSS
JS

1newbie

View challenge

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

@akshay63

Posted over 3 years ago

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

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.
In ".btn" declaration in CSS, correct the "justify-content: flex-end;" as this correct value of justify-content property.
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

Posted over 3 years ago

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

Alexandre• 140

@Alexandre-Chs

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

Raymart Pamplona• 16,120

@pikapikamart

Posted 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?

Alexandre• 140

@Alexandre-Chs

Posted 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 ♥

Raymart Pamplona• 16,120

@pikapikamart

Posted over 3 years ago

@Alexandre-Chs well everyone here helps everyone^

Please log in to post a comment

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