Latest solutions
Responsive Home Page With React and Tailwind
#react#tailwind-css#react-nativeSubmitted over 2 years ago
Latest comments
- @fc410@Razha90
- you have 505 ACCESSIBILITY ISSUES and 319 HTML issues , you must try to repair that.
- I think for this project used grid not best solution , you can try this code for in .
.grid-box { display: flex; flex-wrap: wrap; set gap what u want justify-content: center; } .card { delete margin delete height in card and replace padding set width }
Happy coding 😆
- @windu80@Razha90
position: absolute;
is best solution for this , but you give set position liketop
orleft
, if you delete set position and give little margin for setting position you got it .- This card not centering , you can add
body {width:100vh; height: 100vh; display:flex; align-items: center; justify-content: center;}
for make card be auto center. you can deletetemargin: auto;
and.content-and-attr
Happy Coding 😆
- @nikul-sagadhara@Razha90
- you create image in html tag you should put image in
.item1
withbackground-image: url('');
and set the location withbackground-position: ;
this way is more practical. - you add
display: flex;
in.profile-name
, but you forgot to setalign-items: center;
to make children focus on the center.
Happy Coding 😁
Marked as helpful - you create image in html tag you should put image in
- @vglumac@Razha90
- To make a perfect circle , you have to give the width and height the same size and give
border-radius: 50%;
. - I noticed you gave a
display: flex;
but you gave a margin to keep the distance you should usegap: 0.3em;
to keep the distance.
Happy Coding 😁😁
Marked as helpful - To make a perfect circle , you have to give the width and height the same size and give
- @AditNovadianto@Razha90
Halo bang orang indo kah ??
- @XxtbmfxX@Razha90
- first , i really like your profile picture .
- You should try to solve the html error given by the frontendmentor.
- You can set
body{ margin: 0;}
- I think the layout is not wide enough .
Happy Coding 😁