@SahityaGupta25
Submitted
I created QR-Code Component using my own knowledge some how I managed to center the parent div using "margin:Auto" . I love if you tell me as a feedback that how much my project is matching to the challenge.
@oficial51
@SahityaGupta25
Submitted
I created QR-Code Component using my own knowledge some how I managed to center the parent div using "margin:Auto" . I love if you tell me as a feedback that how much my project is matching to the challenge.
@oficial51
Posted
Well Done. Keep it up
Marked as helpful
@Abteck
Submitted
I still don't fully understand the age calculation. how to convert the submitted inputs to the Age. I think that is the only area I find complicated. Also, using the font face to install the fonts, the fonts was effective on the local browser but not on the live
ps: I had to follow the link on the style guide and used google fonts
@oficial51
Posted
To make the fonts imported from google usable you should add the 'font-family' property to your body in css
@Abteck
Submitted
I still don't fully understand the age calculation. how to convert the submitted inputs to the Age. I think that is the only area I find complicated. Also, using the font face to install the fonts, the fonts was effective on the local browser but not on the live
ps: I had to follow the link on the style guide and used google fonts
@oficial51
Posted
Hi, if you find working with dates complicated you can work with libraries to help you there. The one I used was date-fns. Feel free to check it out, it is fairly simple
@surajnaveen
Submitted
This is my frist challange in Frontend mentor.
@oficial51
Posted
I would advise you to make it responsive😅. However nice job!
@vovlasl
Submitted
So i just finished this project and yet again i had a couple of difficulties and there are some "errors" too. So:
And that's it I think. If you see anything else that's wrong please feel free to correct me. I'd help me a lot. Thank you!
@oficial51
Posted
The problem in the footer is that you are not setting the height to a fixed amount which causes the container take only the space that the children take.
solution:
height: [The a amount you want];
Marked as helpful
@melquawest
Submitted
I did not find anything difficult while building this project. However, I learned how to publish websites freely on github. Also, I learned how to write markdowns. Lastly, When is it okay to use flexbox as opposed to grid?
@oficial51
Posted
CSS Grids helps you create the outer layout of the webpage. You can build complex as well responsive design with this. This is why it is called ‘layout first’.
-Flexbox mostly helps align content & move blocks.
-CSS grids are for 2D layouts. It works with both rows and columns.
-Flexbox works better in one dimension only (either rows OR columns).
In conclusion . It will be more time-saving and helpful if you use both at the same time.
@Baruti-1
Submitted
I find it difficult to change the style of the button on hover state. I haven't succeeded, I need your help please
@oficial51
Posted
Hi you must add this property to your css
button:hover{ filter: drop-shadow(0 0 0.75rem hsl(150, 100%, 66%)); } You may like to add some transitions but that is on you. I hope this helped
Marked as helpful