Frontend Mentor | mona Elshikh's profile

Dihmoss•40

@MosesKipyegonSubmitted about 2 years ago

Working around the media queries at first

Where should I possible improve on this was my first front end mentor challenge

3 column preview card component using flex

1

mona Elshikh•510

@MonaElshikhPosted about 2 years ago

Hi there, Great work :) Congats for your first challange :)

In your main container [.main_container] you need a small modification just remove the max-widht
And in [.column] class you need to do 2 two things: First : remove the height Second : set a suitable width 300px for example and it will fit you can check my solution here :

https://www.frontendmentor.io/solutions/3column-preview-card-component-solution-using-flex-box-IslejdIZH

I hope this is helpfull :)

Marked as helpful

0

yookateoh•220

@dhdbrud318Submitted about 2 years ago

I would appreciate any feedback :)

Responsible 3 Col Preview Card Component

3

mona Elshikh•510

@MonaElshikhPosted about 2 years ago

Hi there, Great work :)

small comment , in buttons you need to make a transparent border and give it a color on hover to avoid the content movement when user hover on buttons. So you need to add
border: solid 1px transparent inside your button

hope this is helpfull :)

Marked as helpful

0

mona Elshikh•510

@MonaElshikhSubmitted about 3 years ago

Hi there, its my second challange , i have learned a lot form your feedback on my first solution, and i tried to avoid the issues in this solution, your feedback is pretty important to me. Thanks :)