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

Saidi

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

  • HTML and CSS

    #accessibility

    Saidi•70
    Submitted about 1 year ago

    Adding icons to buttons using a source file and responsive design


    1 comment
  • Used HTML and CSS(Flexbox and Grid Layouts with media queries).

    #accessibility

    Saidi•70
    Submitted about 1 year ago

    CSS colors schemes and styling tables.


    1 comment
  • Made the website using HTML, CSS flexbox

    #accessibility

    Saidi•70
    Submitted about 1 year ago

    FLEXBOX AND COLOR PROPERTIES.


    3 comments
  • Design using HTML/ CSS Grid and Flexbox on Container elements.

    #accessibility

    Saidi•70
    Submitted about 1 year ago

    CSS


    1 comment
  • Responsive landing page using HTML and Css

    #web-components

    Saidi•70
    Submitted about 1 year ago

    Responsive design.


    1 comment

Latest comments

  • Moa Davou•290
    @moadavou
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    For this project, I continued working with utility classes and began learning about the CUBE CSS methodology. It's still very new to me, so keep your expectations low.

    I also learned...

    • ... that margin-inline & margin-block (or padding) is a thing. I'm never going back to just margin!

    • ... about the visually-hidden class. I still don't fully understand all of the attributes though.

    • ... a little more about how to write accessible code.

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

    I think accessibility is quite difficult to understand fully. It's probably because I'm not disabled, I never had to use a screen reader or similar. Maybe I need to experiment more before I can fully grasp it.

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

    I would love it if someone could skim through my code and give feedback on the CUBE CSS methodology (I'm certain that I missed a few things), as well as if there are any ways for me to improve my code related to accessibility.

    I'm also wondering if it's okay to leave section, div, etc. without a class or aria-label for accessibility? All of my "empty" elements looked so empty in the accessibility tree.

    Product preview card component using CUBE CSS

    #accessibility#cube-css
    1
    Saidi•70
    @Selik254
    Posted about 1 year ago

    great how did you add an icon to the button

  • Abdi•200
    @abdizahir
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    ok

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

    ok

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

    ok

    recipe-page-main

    #accessibility
    1
    Saidi•70
    @Selik254
    Posted about 1 year ago

    great code

    Marked as helpful
  • dewyrag•230
    @dewyrag
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Instead of relying on margins I will use flexbox to center containers.

    I will build mobile-first from now on.

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

    I had difficulty deciding whether to use links or buttons, I decided to go with buttons and then I forgot how to stack buttons ontop of eachother. I used w3schools to help me with that. I had trouble with making it responsive, before i was relying on margins but now from watching a youtube video I learned a trick with Grid.

    Also having difficulties making the buttons round.

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

    Whenever I use border-radius on the buttons the sides get cut off. Bettering responsiveness. Learning how to center containers an items inside of containers with flexbox instead of CSS Grid.

    Social-Links-Profile

    #accessibility
    1
    Saidi•70
    @Selik254
    Posted about 1 year ago

    awaesome

  • Saidi•70
    @Selik254
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    USING FLEXBOX ON THE CONTAINER

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

    APPLYING THE DARK GREY COLOR TO THE BUTTONS.

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

    FLEXBOX AND COLOR PROPERTIES.

    Made the website using HTML, CSS flexbox

    #accessibility
    3
    Saidi•70
    @Selik254
    Posted about 1 year ago

    THANK YOU, I WILL TRY THEM OUT.

  • Shivanshvohra•40
    @Shivanshvohra
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    the fact the i made this in one shot

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

    faced challenges in flex arrabgements

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

    more with css as i used margins with element and i think there might be a better way that i am unaware of

    blog using html and css

    1
    Saidi•70
    @Selik254
    Posted about 1 year ago

    VERY GREAT CODE

  • Samuel•70
    @samuel-jm
    Submitted about 1 year ago

    QR Code Component

    1
    Saidi•70
    @Selik254
    Posted about 1 year ago

    very good code.

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