Skip to content
OverviewSolutions
16
Comments
10

Sasan Salehzadeh

@sasanqcTehran, Iran470 points

Highly skilled and motivated front-end developer with expertise in React.js for creating user-friendly web applications. With +6 years of programming experience (+3 recent years web development), I have a proven ability to transform complex design concepts into clean, efficient, and responsive web a

Latest solutions

View more solutions

Latest comments

  • Sasan Salehzadeh•470
    @sasanqcPosted almost 2 years ago

    Congrats for this perfect solution!

    0
  • Sasan Salehzadeh•470
    @sasanqcPosted almost 2 years ago

    congrats! I think adding some animations can make it better even. try it

    0
  • Sasan Salehzadeh•470
    @sasanqcPosted almost 2 years ago

    I have done most of my solutions with scss. I think there are some good practices there. check them. I hope it be useful for you. as yours for me. Keep going.

    0
  • Sasan Salehzadeh•470
    @sasanqcPosted almost 2 years ago

    Hi. your solution seems great. I checked the mobile version. do not skip the challenges. the pc image is not placed as you did it in the desktop version. It was the main challenge in this ui for me. also you did not place the text in center for mobile. try to keep the solution close to the challenge as much as is possible. keep going. steady and slow wins.

    1
  • Sasan Salehzadeh•470
    @sasanqcPosted about 2 years ago

    Hi dear rashid , your solution looks good. I do not know tailwind css much, but I think for small values like borders and radius px or rem is not much important even px is more readable. while for values like width you should rem.

    1
  • Sasan Salehzadeh•470
    @sasanqcPosted about 2 years ago

    Hi, your desktop version looks good, but your solution must be responsive. I give you some tips . I hope it be helpful:

    • you used div element for most cases. it is not the right way. use p and h tags for text .
    • do not use different class names for similar elements. as you wrote:
    <div class="item new2"><p>The Downsides of AI Artistry</p>
          <div class="paragraph">Will What are the possible adverse effects of on-demand AI image generation?</div></div>
        <div class="item new3"><p>Is VC Funding Drying Up?</p>
          <div class="paragraph">Private funding by VC firms is down 50% YOY. We take a look at what that means</div></div>
    • do not use px unit, use rem instead for responsiveness. you can take a look at my solution. it may help you . KEEP GOING!
    0
View more comments