Daniel Samuel• 40
@DeCaptainDan
Submitted
How can I better position the down-arrow? Let me know if you find any fault or something that can help me improve.
Art
@Art-wdt
All comments
- Art• 420
@Art-wdt
Posted
Maybe it doesn't matter.
-
About this - check your report https://www.frontendmentor.io/solutions/responsive-landing-page-using-css-flexbox-f7wwnBubd/report
-
Please see design files in your challenge. I think .testimonials{background-color: rgb(255, 251, 248);} for example
0 -
- PDavid Turner• 4,100
@brodiewebdt
Submitted
Art• 420@Art-wdt
Posted
Hi @brodiewebdt ! I completed this challenge just now.
I have no words. I liked your work. Great job. Excellent burger menu
Wish you happy coding!
Marked as helpful
0 - Daniel Samuel• 40
@DeCaptainDan
Submitted
How can I better position the down-arrow? Let me know if you find any fault or something that can help me improve.
Art• 420@Art-wdt
Posted
Hi @DeCaptainDan ! I completed this challenge just now. I liked your work. Great job
What about:
- HTML5 Landmark Elements
- Background color of the section with reviews
- <ul> must directly contain only <li>
- Burger menu doesn't work
Wish you happy coding!
0 - AMAL Rasas• 20
@amalrasas
Submitted
Art• 420@Art-wdt
Posted
Hey! Great job! Keep coding! Improve your web developer skills
Where are your answers to questions? Answer # 1, Answer # 3-5 are missing
I also did this and used jQuery. I will be glad to your opinion. Please see my work.
Happy coding!
0 - anwer• 30
@anwer25
Submitted
Art• 420@Art-wdt
Posted
Hey! Great job! Keep coding! Improve your web developer skills
You can make background-color:white; for FAQ`s block.
Heading bolder when click that will be perfect.
Also, when every answer are opened, it is makes the design more boring. You could have either:
- Make the block height larger. to contain everything when too many menus are opened. or
- Open only one answer at a time. When opening the next one, close the previous one.
I also did this and used jQuery. I will be glad to your opinion. Please see my work.
Happy coding!
Marked as helpful
0 - Oludayo DS• 100
@multidamsy
Submitted
Art• 420@Art-wdt
Posted
Hey! Great job! Keep coding! Improve your web developer skills
You can make arrow rotate (180deg)
Also, when every answer are opened, it is makes the design more boring. You could have either:
- Make the block height larger. to contain everything when too many menus are opened. or
- Open only one answer at a time. When opening the next one, close the previous one.
I also did this and used jQuery. I will be glad to your opinion. Please see my work.
Happy coding!
0 - Thibault• 205
@thibault-barrat
Submitted
Hi,
This challenge was quite fun :) Any feedback would be appreciated
Thanks
Art• 420@Art-wdt
Posted
Hey! I love your job! Looks great!
But what about keeping your block height fixed? Now the picture of the background is driving parallel to the answers. Maybe I'm wrong.
In any case, your work looks cooler than mine. I also did this and used jQuery.
Happy coding!
0 - Paulo Henrique• 145
@PHnrq
Submitted
Hi guys, feedback and suggestions are welcome.
Art• 420@Art-wdt
Posted
Hey! @PHnrq
Great job! I like it.
But what about keeping open only one question? Not all questions would be opened. Close previous, open new. The height will not increase.
I have completed this challenge. Maybe not as great as you are. I used jQuery.
Happy coding!
Marked as helpful
0 - Saurabh VR• 320
@saurabh1996-rex
Submitted
Feedbacks will be appreciated, provides motivation in doing better.
Art• 420@Art-wdt
Posted
Hey! Great job! I like it.
But what about keeping open only one question? Not all questions would be opened. Close previous, open new. The height will not increase.
Or you can use overflow:scroll;
I have completed this challenge. Maybe not as great as you are. I used jQuery.
Happy coding!
Marked as helpful
0 - Shiwam• 95
@jshiwam
Submitted
Any feedback on this challenge would be really appreciated from the bottom of my heart.
Art• 420@Art-wdt
Posted
Hey! Great job! I like it.
But what about keeping open only one question? Not all questions would be opened. Close previous, open new. The height will not increase.
I have completed this challenge. Maybe not as great as you are. I used jQuery.
Happy coding!
0 - PApplePieGiraffe• 30,545
@ApplePieGiraffe
Submitted
Hey, everybody! 👋
This was a fun challenge in which I learned how to use and style the
<details>and<summary>HTML elements.I also added a bobbing animation to the floating cube (with a small touch from the
drop-shadowCSS function) and animated thelinear-gradientbackground with this helpful tool.I'm quite happy with the result! 😊
Any feedback on both the design and code is welcome and appreciated! 😃
Happy coding! 😁
EDIT: For some reason, the details marker on each of the FAQs is showing up in the screenshot (even though I set their
displaytonone) but they're gone on the actual page, as far as I can tell.Art• 420@Art-wdt
Posted
Hey @ApplePieGiraffe ! Always, you surprise me with the level of your skill. This is probably one of the best accordion challenges on this site. I will learn a lot from your example.
How about making it look great on a screen less than 310px wide? Maybe I'm wrong. Perhaps my question is stupid. Thanks anyway for your great example!
Happy coding!
2 - phu phung• 80
@phuphung330
Submitted
I've just finhished this project last night,hope you guys can take your time to take a look at my project.I would much appreciate for any suggestions.Thanks
Art• 420@Art-wdt
Posted
Hi! Very good for destop and laptop. But where is your mobile version of the site. For tablets and mobile devices?
You can add media queries to your stylesheet. For various device screen widths
Happy coding
1 - Dheeraj Gopinath• 115
@dheerajgopi
Submitted
Expecting feedback on:
- Flex
- Responsive design
- Any general mistakes
Art• 420@Art-wdt
Posted
Hey! I was pleased with your work! You completed this task better than me!
Original responsive design!
But take a look at the button design. At the time of the screen width 850 - 1000 pixels. It's practically a circle.
In the end, I will say that your work is excellent. I wish you success.
Happy coding!
0 - Maddy• 45
@maddy1381
Submitted
Well I tried to match it as close as possible. If you have some suggestions for me then please let me know:)
Art• 420@Art-wdt
Posted
Hey! Nice try. But at the moment I do not see the svg files. Please change the path. Or create an images folder.
Also you can create a mobile version of the site. Use media queries in your stylesheet (style.css)
Happy coding!
0 - Vinay• 125
@foolhardy21
Submitted
Feel free to critique. Thanks.
Art• 420@Art-wdt
Posted
Hey @foolhardy21 ! Great job!
I also did this challenge recently. I just like you have an error with the background. See design files. The background should be gray, not white.
I think you can add the mobility of the screen width from 500px to 1000px
Happy coding!
0 - ocp2k• 20
@MarkusKeane
Submitted
Art• 420@Art-wdt
Posted
Hey, @MarkusKeane Great job! I love your solition! The only thing I can say. How about additional media queries in your style? For example, from 800 pixels to 1350 pixels. Your blocks have no empty space between each other. You can add media queries to your CSS
It was also my first job on this site. I did it not so long ago. Happy Coding!
0 @fernandomad
Submitted
Art• 420@Art-wdt
Posted
Hey, @fernandomad Great job! The only thing I can say. How about the mobile version? You can add media queries to your CSS
It was also my first job on this site. I did it not so long ago. Happy Coding!
0@alexsanderduarte
Submitted
Art• 420@Art-wdt
Posted
Hey @alexsanderduarte ! Great job! I love your solution! I can only say one thing. How about being a little more precise in aspect ratio and padding for the desktop version of the site?
It was also my first job on this site. I did it not so long ago. I also used Flexbox just like you. Happy coding!
0- Karim• 590
@Galielo-App
Submitted
I think the result is very very good, what you guys think? If someone is starting to use grid or mobile first approach, you should take a look at my code!
Art• 420@Art-wdt
Posted
Hey, @Galielo-App ! Great job! I love your solution! Now I am only studying CSS grids. A successful combination of mobile first and Grids in your project.
It was also my first job on this site. I did it not so long ago. Happy coding
1 - Akshay Meshram• 390
@akshay63
Submitted
Hello, guys. I have built a social-proof section using simple HTML and CSS with flexbox. I'll appreciate any feedback. Please review it. Thanks
Art• 420@Art-wdt
Posted
Hey, @akshay63 Great job! I love your solution! The only thing I can say. How about the mobile version? You can add media queries to your cascading stylesheet
It was also my first job on this site. I did it not so long ago. Happy Coding!
0 @sansk
Submitted
Hello, everyone,
It's fun to complete these challenges.
Feedback and suggestion are appreciated!
Thanks.
Art• 420@Art-wdt
Posted
Hi, I'm a beginner too. And I recently made this challenge. I used flex box
You tried hard! It looks like the drawings from the layout.
Wow! You have used a grid solution. It's great. I'm just going to study grids.
Happy coding!
0- Jesús Alarcón• 215
@AlarconJesus
Submitted
Hi! I'm Jesús Alarcón, I'm new to frontendmentor, and any feedback will be well received.
Art• 420@Art-wdt
Posted
I love your job. I also recently completed this challenge
I had problems with background-position But I liked your solution background-position: right 50vw bottom 50vh, left 50vw top 50vh;
1 - Bruno Leal• 35
@brunohbr
Submitted
Art• 420@Art-wdt
Posted
Great job! I wish you every success!
The only one thing I can say. You are using a different font-family.
I like your solution. I also recently completed this challenge
0
