Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Four Card feature HTML-CSS

Dominique 40

@domiattaway

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I don't understand. When I do the live view of my work from Vs code it is working but when I upload it to vercel it is distorted. Looking ofr feedback. Thanks

Community feedback

@BasileRaiwet

Posted

Hello Dominique !

As Samyr said, check if your work is up to date on github and then re-deploy to vercel.

I also have some recommendations for you :

  • Avoid relative position for your boxes. This solution is not really flexible. Instead, you can use flexbox or grid (grid is super useful and make positioning super easy for this exercice)
  • You can set the image position without using a margin or padding. (check how position relative / absolute work together in the child / parent relation.. It's super useful)
0

Dominique 40

@domiattaway

Posted

@BasileRaiwet Thank you. I will look into it.

0

@SamyrOR

Posted

Hi Dominique!

Looking into your repository, i din't find the img files, thats why the files don't show on the live site, and the style on repository maybe its not complet?

I've cloned the repository and look like the same.

Obs: vercel push from your git!

0

Dominique 40

@domiattaway

Posted

@SamyrOR Thanks so much

0

Please log in to post a comment

Log in with GitHub
Discord logo

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