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

razanabbas

@razanabbas150 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

  • Time tracking dashboard with vanilla html/css/js


    razanabbas•150
    Submitted 5 months ago

    Can someone please tell me how can I improve my grid for the desktop design (in the media query)? I want the first column to span the whole two rows but that is not happening.


    1 comment
  • Newsletter signup with success message


    razanabbas•150
    Submitted 5 months ago

    Any general advice


    1 comment
  • Article Preview Component Master


    razanabbas•150
    Submitted 5 months ago

    I would like to know whether there is a way to do this project with only one mobile button.


    1 comment
  • Article Preview Component Master using HTML, CSS, JS


    razanabbas•150
    Submitted 5 months ago

    Would it be possible to create this by only using one button for the mobile version?


    0 comments
  • Testimonials Grid Section using HTML and Pure CSS


    razanabbas•150
    Submitted 11 months ago

    Any comments are welcome.


    1 comment
  • Four Card Feature Section using HTML and pure CSS


    razanabbas•150
    Submitted 11 months ago

    Any suggestions are welcome


    1 comment
View more solutions

Latest comments

  • Ayako•480
    @Ayako-Yokoe
    Submitted 5 months ago

    Fetch data using async and await

    2
    razanabbas•150
    @razanabbas
    Posted 5 months ago

    Your code is good, i like that you used JS to fetch the data from data.json and generated the HTML accordingly.

  • Tarek514•170
    @Tarek514
    Submitted 5 months ago

    Newsletter Sign-Up Form

    1
    razanabbas•150
    @razanabbas
    Posted 5 months ago

    Your code is neat and well written

  • AllisonFavour•170
    @AllisonFavour
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    The javascript part being able validate the email efficiently and also displaying the pop up as intended

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

    The email validation and the pop up, did some research to come up with efficient and precise solutions

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

    Always open to new ideas and suggestions for improvements

    Newsletter sign-up form with success message, using scss, flex and js

    2
    razanabbas•150
    @razanabbas
    Posted 5 months ago

    I think your code is neat and well-written

  • Ye-Won Seo•170
    @yaywonah
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I kept going on this project, despite restarting it twice. I learned more about using the position property and custom CSS properties.

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

    I had trouble figuring out how to code the share button on mobile and desktop. I looked at tutorials on YouTube for help and also general tutorials on the position property.

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

    I'm having trouble aligning the share button with the user pic and name/date on the bottom of the card, especially in mobile view. I'm guessing that it's because I coded the share-btn in a separate div from the info in my HTML?

    As for desktop view: I'm stumped on why the bottom of the container is falling off in the generated screenshot. It looks normal on my desktop. I think it's because of how I used the margin to push everything down.

    Article Preview Component with JS

    1
    razanabbas•150
    @razanabbas
    Posted 5 months ago

    good

  • P
    Daniel Tefe•90
    @awaritefe
    Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Kept the JS very simple and easy to read. If i done it again id try one of the other css preprocessors.

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

    I wanted to avoid sass and just style it raw as i dont get to do that much professionally. Also was interesting googling a solution and picking one that was simple and easy to read and pick up if someone else looked at it.

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

    Would like to know how others would tackle this if they used a different solution.

    Article Preview Component

    1
    razanabbas•150
    @razanabbas
    Posted 5 months ago

    good

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

    I like how little CSS this whole thing took! The repo says I have more HTML than CSS, and I think that's great

    Don't really like that I couldn't get the spacing right and as a result there's a lot of empty space in the cards, but oh well

    testimonials grid using... css grid

    1
    razanabbas•150
    @razanabbas
    Posted 11 months ago

    Your design is very similar to mine. The cards are longer than they should be and idk how to fix that tbh.

View more comments
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

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