Skip to content
OverviewSolutions
16
Comments
13

mohamedsec

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

View more solutions

Latest comments

  • Nadji CHABANE•590
    @CHBNDJ
    What are you most proud of, and what would you do differently next time?

    Proud to have learned and be able to execute Tailwind it took me a while but I finally got it. Still some stuffs to adjust but it will come with time and practice.

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

    The biggest challenge was responsive design using Tailwind. Everything related to breakpoints and all that stuff was tough.

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

    Probably the semantics. I know that I sometimes used the wrong approach, especially when positioning the rounded blue icon with breakpoints to ensure it was perfectly placed on any device.

    First shot with Tailwind on a Bookmark Landing Page

    1
    mohamedsec•340
    @mohamedsec

    good job!

  • CoolNight99•440
    @CoolNight99
    What are you most proud of, and what would you do differently next time?

    It was challenging to get the grid design accurate to what was asked in the instructions but I think I got pretty close. I would try harder to get it 100% accurate next time.

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

    Getting the design close to the instructions was challenging and required a lot of trial and error to get right.

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

    The second slider image in the mobile view causes the rest of the page's content to be pushed up a bit. Not sure why.

    Room homepage

    1
    mohamedsec•340
    @mohamedsec

    good job! but there are some issues in media query for different screen sizes, and You can also use a grid system (display: grid) for all media queries, a single column for mobile and a multicolumn for other screens which will enhance your design

  • mohamedsec•340
    @mohamedsec

    hello bro, you have to update the links to fit with design , also you should use a media query to get responsive

  • mohamedsec•340
    @mohamedsec

    good job!

  • Elyor05•200
    @Elyor05
    What are you most proud of, and what would you do differently next time?

    i'm proud of using Jvascript DOM to manipulate HTML and CSS, next time i'll optimize my code in js

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

    working with js DOM was tough and interesting,MDN and w3schools sources helped me to understand it

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

    JS DOM

    used Regex to validate email and form to get email

    1
    mohamedsec•340
    @mohamedsec

    Good job, your design on a big screen and desktop is fine but on medium and small screens from 566px down, it's not responding, you can fix that by using media query for these devices to get the response. I suggest starting with a mobile design first to ensure responsiveness.

    Marked as helpful
  • h3cat3•330
    @h3cat3
    What are you most proud of, and what would you do differently next time?

    I am happy I found an easy, straight forward solution. I am very happy with my JS code, definitely will be a long road but the beginning is encouraging.

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

    As I do a mobile first approach, I struggle to make the project display properly for big scrins.

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

    I fond it very difficult to place the social media links above the share button for big scrin, it will show in slightly different places depending of each scrin. At the moment I use % and rem to size but when I use position absolute will behave a bit randomn.

    Article Preview Component, Mobile First, Accesibility

    1
    mohamedsec•340
    @mohamedsec

    good job, but there is some issue in mid-screen the share bar drops out of the box container in the media query try to fix this by updating the share bar position.

View more comments