Request failed with status code 502
Request failed with status code 502
Request failed with status code 502
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Not Found
Oops! You need to be logged in to do that
Not Found
Oops! You need to be logged in to do that

Yakub

@Yakub-Egamnazarov
Shanghai, P.R.China
260Points

A curious person with an electrical engineering background, striving to be a developer. Have experience working with Matlab and Python for scientific purposes and other funs. Now, willing to acquire front-end development skills. I do designs with Figma and In-vision. Cheers.

Latest Solutions

  • Desktop design screenshot for the Calculator app coding challenge

    Vanilla JS, CSS grids, Theme Switchers, calculator, class objects

    #bem#semantic-ui#styled-components#vanilla-extract
    • HTML
    • CSS
    • JS
    2
    Submitted

    One of the main difficulties was implementing three-state toggle switch changes to the theme of the calculator. However, with useful resources, I was able to overcome this.

  • Desktop design screenshot for the Testimonials grid section coding challenge

    Testimonials grid section using CSS Grid

    • HTML
    • CSS
    0
    Submitted

    Here is a vanilla CSS solution for the project.

  • Desktop design screenshot for the Sunnyside agency landing page coding challenge

    SASS (SCSS), 7-1 approach, CSS flexboxes

    • HTML
    • CSS
    • JS
    2
    Submitted

    Hello everybody, very much appreciate your time and I'm so excited to be part of the like-minded community. Regarding this project, on the way to completing this project, I encountered several problems:

    1. Alignment of the sunnyside logo, I used flexbox CSS rules, but it seems it would help with aligning horizontally. Is there any other approach without using margins and paddings to align the logo on the header? it seems to me that the font style (Barlow) is not aligned properly inside its box.
    2. Any suggestions about animation effects to add dynamics to the page would also be appreciated.

Latest Comments

  • Solution screenshot
    • HTML
    • CSS

    Testimonials grid section

    2
    Yakub260 | Posted 5 months agocommented on Aneta's "Testimonials grid section" solution

    Hi, congrats. About your responsiveness issue: I think the problem occurs when you just used your media query, you just re-specified grid-template-columns, but didn't specify grid-template-areas for new width. I think, inside the same media query you should also specify grid-template-areas for mobile layout and add media query for each element inside the grid (cells) specifying grid-area. That would help. let me know if you succeed.

    1
  • Solution screenshot
    • HTML
    • CSS

    Responsive using CSS Grid

    1
    Yakub260 | Posted 5 months agocommented on David Enomah Ogaranya's "Testimonials grid section" solution

    First of all: congrats, the layout works well in both device widths. However, in order to solve some accessibility issues, you could use <main> element instead of div, in your code it is <div> with "all-cards" class. You can follow the frontend validator to solve those issues. Secondly, in order to place all your grid in the middle, you could apply flexbox centration (e.g. align-items and justify-content) for the <div> element with "all-cards" class. The main container.

    0
  • Solution screenshot
    • HTML
    • CSS

    CSS grid

    2
    Yakub260 | Posted 6 months agocommented on MKGIT's "Testimonials grid section" solution

    Congrats

    0
  • Solution screenshot
    • HTML
    • CSS
    • JS

    html,css,js

    2
    Yakub260 | Posted 12 months agocommented on tomas938's "Sunnyside agency landing page" solution

    Hello Tomas, congratulations on completing the challenge. Regarding your solution I would like to point out the animated arrow, which is made very good and give good user experience. Overall your solution seem very good both in quality and responsiveness. Links are also dynamic. However, I would like suggest adding to your state changing elements, e.g. links, social network icons, some transition, so they would change their state smoothly. About mobile version, I really like how the menu popup comes from the right with animation and hamburger menu turns into X button. Very good. Overall solution is very good. Will see you next challenge. and happy coding.

    1