Skip to content
OverviewSolutions
13
Comments
9
Naveed
@Naveed89-tech

All comments

  • Naveed•330
    @Naveed89-techPosted over 1 year ago

    I have recently reviewed your project and I must say, it looks truly impressive. However, there is potential for further enhancement incorporating additional validation. Validation just not showing an error on each element when wrong data is entered.

    Marked as helpful
    0
  • Douo•940
    @DouooSubmitted over 1 year ago

    This was a simple yet tricky project. I started on the wrong foot without considering how I would do the validation at first and only focused on getting the design right. But that cost me a lot of time in finishing the project as my mind just kept throwing different types of ways on how I could do the validation. All in all, I wanted to write a reusable and short code, but it became tangled up at some moments as the use case was not how I initially intended it to be. In the end, I just went with the flow as I was a bit tired and I'm happy with the end product although, in terms of optimization, I still think my code could be optimized.

    Age Calculator - HTML5, CSS and Vanilla JS

    2
    Naveed•330
    @Naveed89-techPosted over 1 year ago

    I have recently reviewed your project and I must say, it looks truly impressive. However, there is potential for further enhancement by incorporating additional validation. During my testing, I entered future dates and encountered no errors. To grasp the concept I'm referring to, I suggest you take a look at my solution.

    Marked as helpful
    0
  • Naveed•330
    @Naveed89-techPosted over 1 year ago

    I had the opportunity to view the live version of your project, and I must say it is truly amazing. The design is flawless and it adapts perfectly to all screen sizes. The attention to detail in ensuring a seamless experience across different devices is commendable. I am impressed by the overall quality and responsiveness of the website. Great job!

    Marked as helpful
    1
  • Naveed•330
    @Naveed89-techPosted over 1 year ago

    You could use overlay with div for color. Before submitting the solution, try to validate your CSS and HTML markup on https://validator.w3.org/#validate_by_upload. To get more ideas, you can check my solution for the same challenge and more.

    0
  • Julia•60
    @juliavilbertSubmitted over 1 year ago

    Just added one breakpoint :) Corrections/advice is well appreciated As well as tips on how this could be done easier

    HTML CSS stats preview card

    1
    Naveed•330
    @Naveed89-techPosted over 1 year ago
    1. For GitHub, you should also include a "README.md" file for details.
    2. Design is not responsive ( Responsive is the main feature of web development nowadays) I hope you will find these suggestions valuable. You can also connect for further queries/help regarding web designing/coding etc. Thanks
    0
  • Kushal Kireeti•10
    @kkakumanomiSubmitted almost 3 years ago

    I only recently started learning web development. Trying basic challenges. I couldn't figure out some of the text positioning:

    • How to I position/float text next to a picture and vertically align the center of the text to the center of the picture?
    • If I want to align an inline-block element to the right is floating the only way?

    Thanks!

    NFT preview card component

    1
    Naveed•330
    @Naveed89-techPosted almost 3 years ago

    You can use a Flexbox around these elements. You can check my solution for this challenge.

    Marked as helpful
    0
  • -•70
    @NadiemMSubmitted almost 3 years ago

    I've now made this responsive design with tailwind, I didn't figure out yet how I could 'scale' down the entire component when resizing the bottom part of the window, whilst making the window size smaller from the bottom up. If I move this part of the screen upwards the component just gets cut off, I would like to be able to have the whole design resize itself, according to the height. Somehow I didn't manage to pull this off yet, any tips are welcome!

    Cheers.

    React, TailwindCSS, HTML

    1
    Naveed•330
    @Naveed89-techPosted almost 3 years ago

    You can check my solution if you want, I have created this same challenge with only HTML and CSS.

    Marked as helpful
    0
  • 👾 Ekaterine Mitagvaria 👾•7,600
    @catherineisonlineSubmitted almost 3 years ago

    Hello, Frontend Mentor community! This is my solution to the 3-column preview card component.

    I have read all the feedback and tried to update my code accordingly. Due to the fact that I published this project very long ago, I am no longer updating it and changing its status to Public Archive on my Github.

    You are free to download or use the code for reference in your projects, but I no longer update it or accept any feedback.

    Thank you

    3-column preview card component

    2
    Naveed•330
    @Naveed89-techPosted almost 3 years ago

    I think the Mobile version should be displayed on the current view port.

    2
  • Naveed•330
    @Naveed89-techPosted almost 3 years ago

    Thank u so much.

    1