Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
3

Akram soussi

@akremsoussi50 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Social links profile using html css


    Akram soussi•50
    Submitted 11 months ago

    1 comment
  • Responsive blog-preview card using HTML and CSS


    Akram soussi•50
    Submitted 11 months ago

    1 comment
  • css flexbox


    Akram soussi•50
    Submitted 11 months ago

    1 comment

Latest comments

  • Ujjwal Joshi•30
    @Git-DEmiGoD
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    code seperation and use of css variables.

    What challenges did you encounter, and how did you overcome them?

    this task was not that challanging, i only had to search for how to include media queries

    What specific areas of your project would you like help with?

    id like some help in writing down media queries for this project properly

    Social Links Profile | HTML, CSS, JavaScript

    1
    Akram soussi•50
    @akremsoussi
    Posted 11 months ago

    you've done an incredible job with the measurments the only things you've missed is to add weight to the name and to take off the text decoration in every anchor. you can add these using text-decoration: none; and font-weight: 700;

  • angwb•40
    @angwb
    Submitted 11 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of getting most of it done , mainly the structure at once. As usual I would like to be more practical in css but I guess it's a matter of time and practice to get there.

    What challenges did you encounter, and how did you overcome them?

    Working with flexbox should make things easier but I'm still finding it difficult figuring out the appropriate sizes and how not to make it so it breaks in different views. The way I overcame them was changing values until I was satisfied with how it looked.

    What specific areas of your project would you like help with?

    update: after checking the submition in the comparison part, the screenshot is not the same thing I see on my browser window. I don't know if the comparison applies a sort of zoom or some type of width that "breaks" the final preview. It's frustrating because I've been making changes and it doesn't look like it does on my browser. The one that is shown here is not the one I did which is much closer to the "solution". If you check the "live site" it looks closer to the solution.

    Blog preview card

    2
    Akram soussi•50
    @akremsoussi
    Posted 11 months ago

    your work looks great but could use some changes, first the svg img in the design has rounded corners which is not the case in your work. the container is larger in width and shorter in height and the font-size is a bit smaller than it should be and finally you should work more on margin and padding. Hope I helped you, keep the good work.

    Marked as helpful
  • anwar-elbarry•110
    @anwar-elbarry
    Submitted 11 months ago

    flex

    2
    Akram soussi•50
    @akremsoussi
    Posted 11 months ago

    the size is a bit bigger than the design and the paragraph's color is a bit darker

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub