Submitted 3 days ago

Responsive Web page design on Advice Generator using CSS Flexbox

#fetch#pure-css

S. Ajay Bhaskar•20

@ajayBhaskar21

Preview site View code

This is a solution for...Advice generator app

HTML
CSS
JS
API

2junior

Design comparison

SolutionDesign

Solution retrospective

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

I could able to find the solution for fetching the data from the api myself.

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

From the design sample, I could not able to find the color and font styles. To overcome this problem I used color picker from online to identify the color format in rgb or hexa format.

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

I would like help with CSS. How should I find the kind of colors, font styles just by looking at them?

Community feedback

Boris•3,120
@mkborisPosted 3 days ago
You can find the exact colors used in the design in the style-guide file when you download the challenge assets. Also your button is kinda off from the container, add a position: relative on the .container and tweak the position of the button to get it in place.
0

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord