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

HTML, CSS without any FRAMEWORKS

@Jakub200CZ

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


It's my first completed challenge on this platform, it's not 100% good in text wrapping which could be improved but I didn't have the part already so I published it like this :( This problem is only at the LINK at the bottom of the card

Community feedback

Sebastian 770

@Sebastian-1406

Posted

Hola, te aconsejaria que cada vez que comienzas un proyecto separes el css en otro archivo, ejemplo style.css . Y por otro no te desanimes todos empezamos con trabajos pesimos practica y vas a ver como cambia todo :) ..

0
Shahin NJ 1,190

@SJ-Nosrat

Posted

Hi Jakub, Your solution looks good, I'd just add the below code in order to center your cards.

 html {
   height: 100%;
}

 body {
    background-color: hsl(0, 0%, 95%);
    /*ADD THE BELOW CODE*/
    min-height: 100vh;
    display: grid;
    place-content: center;
 }

Lastly, please add some margin and padding to your card styling, to give some breathing room to the look and feel of the cards.

Hope the above helps!

Best of luck with your coding journey!

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