All solutions

chat-app-css-illustration-master using html and css

The project was very easy , but I am still looking for a good solution for an image problem. the problem is how to change the position of a image column with a text column like the "egg" was on the right of "transform" text on desktop screen ,but on mobile screen it become above the text ! I think maybe I can do it with positions property but it will make the design a little complex.

please if you know a good trick for this problem share it .

thank you !!

I am only using front-end.

The challenge was great !.

I have only one issue with hover bottom border in ul !

there is a big gap between the nav border and the ul border I have tried by remove the the bottom paddings for all element but still there is a gap!

I think maybe because the box-sizing, I gonna see it later .

thank you for reading this comment!

I am facing some problems with events . I tried to make the project one page with JavaScript but this create a lot of events and more complexity . next time will try to solve the events . please check my links and tell me your suggestions .

It was short and nice test .

actually I have nothing to ask . in fact it was a little hard to control many columns and row to build the final shape.

Hi everyone, maybe it is not the same as the picture but, I have tried and it was a great experiment . Thank you Frontend Mentor for the fantastic example .

Everyone please if you have any suggestion or advice to improve my skill, please write in the comment .