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

responsive preview card using flexbox and media

Oluwafemi 345

@Albusflames

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


I would like a suggestion on a better way to make site responsive by growing width and height in proportion to window width and height

Community feedback

Hafizan Adli 1,190

@hafizanadli

Posted

Hi there, appreciate the effort.

I'd suggest that you use external css instead of internal css. It would make your code more cleaner and easy to read.

And for improving your skill to make responsive component, you can visit this link https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Flexbox concept will really help you to make responsive component.

0

Oluwafemi 345

@Albusflames

Posted

@hafizanadli Waw. thanks bro. this really helped. being self taught is not so easy

0

@Vishal-wankhade

Posted

bro, your design needs some improvement 1 - you didn't use the guided font family for the content or if you did it's not working 2 - font size is not correct 3 - the color of the text in the buttons are not correct 4 - why there is a button below the card component 5 - no hover effect is showing to the buttons hope this will help you

0

Oluwafemi 345

@Albusflames

Posted

@Vishal-wankhade Waw. Thanks but how do i get details of all this values. its hard to keep track of size. and find color names or values. will work on my font thanks

0

@Vishal-wankhade

Posted

@Albusflames you can check my solution for this challenge any help https://www.frontendmentor.io/solutions/3-column-preview-card-component-main-using-html-and-css-DPOpJpRe0

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