Latest solutions
social links profile card
Submitted 11 days agothat my projects are more responsive accessible than my old projects
normalize file and html & css languages
Submitted about 2 months agoHow can i make the code is simpler, shorter, and do the required tasks? Are there any tools to build this project or help me to build this project quickly? and what are these? How do I make this design exactly match the desired design?
Latest comments
- @VassiliProko@Abdul-RahmanNasser
it is good, but i think you should increase margin, padding, font-size. the colors are not agreeble between your solution and the original design. you forgot some links unless you don't have these accounts.
- @SaifFGit@Abdul-RahmanNasser
Nice, but i think you need to increase value of margin and color of 'Published 21 Dec 2023' and remove the text that is under the card.
- @Antonex@Abdul-RahmanNasser
Well Done, you are near from the required design that is some of improvements body element The width should be 1440px and the height should be 960px.
div element with class="card" The width should be 320px. The border-radius should be 20px. padding-bottom should be 40px. You don't need to set a height. You don't need to set a justify-content and align-items because of using text-align property with a value is center. You don't need to set background-color. Its better to set gap between image and div with class="box" with a value is 24px. ".card > .box" isn't necessary, you can ".card" because it is not repeated.
img element The width for image should be 288px.
div element with class="box" You don't need to set font-family property because you do in body selector. You don't need to set width. You should set padding-right and padding-left with a value is 16px.
p element with class="caption" it is better to replace it to h1 element with style is "margin: 0; font-size: 22px; line-height: 120%;" with your other properties.
p element with class="description" The properties should be "font-size: 15px; line-height: 140%; letter-spacing: 0.2px" without padding and that with your other properties. and all selector has scale with a value is 1. all of this is in the sketch with figma.