Frontend Mentor | CrazyGreek's profile

P

nimrodEDE•270

@nimrodEDESubmitted 7 months ago

What are you most proud of, and what would you do differently next time?

I'm proud of the fact that i was able to take a design and implement it in html and css with no problem .

What challenges did you encounter, and how did you overcome them?

The challenges that i encounterd were :

Using media query to make the site responsive.
Using table for the first time.

What specific areas of your project would you like help with?

catch me on my errors, bad practices. thanks :)

Recipe Page | frontend Mentor Challenge

2

CrazyGreek•60

@CrazyGreekGRPosted 7 months ago

Looks quite beautiful. That's all I have to say, I don't know much about HTML, CSS and JS, I am a newbie

0

Muhammad Saud•30

@MuhammadSaud60Submitted 7 months ago

Social Links Profile

3

CrazyGreek•60

@CrazyGreekGRPosted 7 months ago

Very nicely done. Only problem I see is that the text is bolder compared to the challenge, idk if that is a font problem or something else. Other than that, nicely done

0

P

Vetle Limbodal•40

@vlimboSubmitted 7 months ago

What are you most proud of, and what would you do differently next time?

I think the part I'm most proud of from this was the process was the process I did when starting of the project itself, I took some time to plan it, and I got out the different elements in html before I started to fully style them, I was patient and focused on my layout using flexbox.

What challenges did you encounter, and how did you overcome them?

The absolute biggest ecounter was getting the flexbox to work properly. I am mostly familiar with using flexbox flex-direction: row, now I had to use the column value instead. The problem I had was that the paragraph container inside my main container stretched out to the whole line, making the actual box too big. I wanted the picture on top to determine the width of the box not the paragraph, so what I did was putting a max width on the paragraph and aswell using align items and justify content to make sure the paragraph elements only took up the necessary space and not the whole box vertically. Not sure which one of them do the prior though. Should figure that out.

What specific areas of your project would you like help with?

Yes I could not seem to figure out how they manage to do the transition when hovering with the mouse. I'm not reffering to the transition with the text, that is just using the color, but I am referring to the box shadow effect where it looks like the opacity goes from 1 to 0, and from 0 back to 1 and the box-shadow is in a new position.

flexbox, box-shadow, transition, justify-content, align-items, padding

3

CrazyGreek•60

@CrazyGreekGRPosted 7 months ago

Nice job, it looks like a carbon copy of the challenge! To do the transition, you can add a transition property in the :hover element and set the value of it to something like 250ms. I am a beginner myself, so I can't help any further sadly. Keep going, you got this!

Marked as helpful

0