Latest solutions
Rest Countries Api with Color Theme Switcher 😱🚀
#axios#bootstrap#react#fetchSubmitted over 1 year ago
Latest comments
- @Error-at-nightSubmitted over 1 year ago@enesekenPosted over 1 year ago
Hi coder,
You should add font which is provided in
styles-guide.md
, if you have any questions about importing fonts fromGoogle Fonts
(best way) you should read this document.If you are interested in buying website building service, you can check my fiverr profile
1 - @leecockcroftSubmitted over 1 year ago@enesekenPosted over 1 year ago
U should add "padding: 15px;" to your "image" it will be greater than this 👍
0 - @LuriianSubmitted over 1 year ago@enesekenPosted over 1 year ago
U should wrap your elements in a section or main tag
.main{ display: flex; justify-content: center; align-items: center; min-height: 100svh; width: 100%; }
Why you should use SVH ? Click Here
Marked as helpful0 - @yetkinkrsngrSubmitted over 1 year ago@enesekenPosted over 1 year ago
Abi bu challenge efsaneymiş bende yapacağım (Webscrap ile), bgjar adlı siteden arka plan alabilirsin. Birde responsive olması için her zaman flex'i kullan, ben çoğunlukla flex'i tercih ederim.
Örnek:
.smallSide { display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px; }
0 - @AnnieleoliveiraaSubmitted almost 2 years ago@enesekenPosted almost 2 years ago
Do this for all of your cards
align-items: start; display: flex; flex-direction: column;
Also update these:
.container-boxes { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.container { display: flex; justify-content: center; margin-top: 40px; flex-wrap: wrap; }
0 - @panchal-amanSubmitted almost 2 years ago@enesekenPosted almost 2 years ago
.container:first-child { display: flex; background-color: #4534F2; color: white; border-radius: 20px; flex-direction: column; justify-content: center; height: 100%; }
0