Submitted about 3 years ago

HTML, CSS without any FRAMEWORKS

Jakub200cz•40

@Jakub200CZ

Preview site View code

This is a solution for...3-column preview card component

HTML
CSS

1newbie

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-1406Posted about 3 years ago
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-NosratPosted about 3 years ago

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!

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