Skip to content
OverviewSolutions
10
Comments
10

Luzar Iliya

@LuzaliyaJos Nigeria160 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

  • Luzar Iliya•160
    @Luzaliya

    welldone

  • Hammam Yousef•160
    @HammamYousef
    What are you most proud of, and what would you do differently next time?

    Start with Mobile-first workflow then start making it responsive for larger screens.

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

    How the grid should look like between the mobile and desktop screens like tablet view. made a new layout for it.

    Testimonials grid section (Flex + Grid)

    1
    Luzar Iliya•160
    @Luzaliya

    welldone

  • Luzar Iliya•160
    @Luzaliya

    welldone please how did you implement the line at the heard of each card

  • Luzar Iliya•160
    @Luzaliya

    welldone

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

    I developed a static recipe blog website using HTML and CSS. It took for about 1-2 days based on total hours that I was able to commit. But since my main goal is to recreate the website close to the design as closely as possible, so I focused on a desktop-first approach.

    I implemented a desktop-first approach using media queries with max-width to make the site responsive. These are the breakpoints I used:

    @media (max-width: 1024px) /* Styles for laptops and tablets */

    @media (max-width: 768px) /* Styles for tablets */

    @media (max-width: 480px) /* Common phones */

    @media (max-width: 376px) /* small phones */

    However, I need to deepen my understanding of CSS units such as %, px, rem, em, vw, vh to make the layout become more flexible and consistent.

    Desktop First Solution Using HTML CSS

    1
    Luzar Iliya•160
    @Luzaliya

    A job welldone

  • DevDaru•100
    @DevvMarko
    What are you most proud of, and what would you do differently next time?

    I'm proud with responsive side of my website. this look good on mobile device. A few years before i used bootstrap to make responsive website, but here i wanted to use just css, without libraries.

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

    The biggest problem for me was styling the table, exactly how to make a border under the rows without the last row, because I wanted to create one css style for all tables, if I wanted to add another table (chipoteticly). And I solved it with pseudo-classes.

    Responsive Recipe page with Media Queries

    1
    Luzar Iliya•160
    @Luzaliya

    your design is really nice. welldone

View more comments