Frontend Mentor | Dimitar Pavlov's profile

Taishi Arai•20

@tailorthecreator

Submitted almost 3 years ago

3-column-preview

3

Dimitar Pavlov•310

@DimiPavlov

Posted almost 3 years ago

Hello Taishi, congratulations on completing the challenge!!!

I have noticed that you haven't implemented the active state. You can add a hover effect on each of the buttons(including cursor, border, and color). For more information please refer to the active-states.jpg file in the design folder.

Hope I was able to help you.

Happy coding!!!

Marked as helpful

Abdullah Qaasim•150

@Bidex-03

Submitted almost 3 years ago

Flexbox

1

Dimitar Pavlov•310

@DimiPavlov

Posted almost 3 years ago

Hi Abdullah

Congratulation on completing the challenge.

In regards to your difficulty to center the component, I notice that you tried to apply the CSS for centering on the div with id: 'container' where you should apply them on the body.

Maybe try to add those styles to your body CSS: height: 100vh; display: flex; justify-content: center; align-items: center;

And remove the one from the div with id: 'container'

I hope I was able to help you.

Happy coding!!!

Ahmed Osama•20

@androidbasha572

Submitted almost 3 years ago

flex-box

1

Dimitar Pavlov•310

@DimiPavlov

Posted almost 3 years ago

Hello Ahmed

First of all congratulation on completing the challenge. I have noticed a couple of things.

I do believe that you forgot the add the hover effect on the main picture, name, and 'Equilibrium'. Please refer to the 'active-states.jpg' in the design folder.
Apply some margin for avatar and text, and <hr> and footer.
Think about adding some semantic HTML elements. You can read below all the benefits.

https://www.freecodecamp.org/news/semantic-html5-elements/

Hope I was able to help you.

Happy coding!!!

Marked as helpful

Garang Deng•190

@garang-deng

Submitted almost 3 years ago

Responsive 3-column preview card using CSS flexbox

2

Dimitar Pavlov•310

@DimiPavlov

Posted almost 3 years ago

Hello Garang, congratulation on completing the challenge.

Regards your question about color: inherit not working, I suggest you take a look at the MDN site about the 'inherit' property.

https://developer.mozilla.org/en-US/docs/Web/CSS/inherit

It does inherit the color of the parent element, in your case, that's the sections. If you take a look at your code, you will see that your section has no color property, only a background-color. So you are trying to inherit a color from a background-color, which is not possible. You can add a random color to your sections and see how your button color will also inherit it.

Hope I was able to help you.

Happy coding :)

Marked as helpful