@Fixito
@aymenthedeveloper
Submitted
What are you most proud of, and what would you do differently next time?
Hello my Frontend Mentor friends! I'm aymen and this is my solution for this challenge :)
The solution is built with:
HTML CSS JavaScript (to change the data)
Good job!
@codewithimran
Submitted
Please Like and Share and comment. Thank You!
Good job!
@asliddinamir
Submitted
The 12th Challenge is done on the 12th Day👊😤!
Great job!
@KhoiNgD
Submitted
Good job!
@JD095github
Submitted
You forgot to link your CSS
@JacobKnittle
Submitted
What are you most proud of, and what would you do differently next time?
Getting the cards to layout correctly on the desktop version using grid. and centering content using grid
What challenges did you encounter, and how did you overcome them?
centering content using grid and getting the cards to get to the layout.
What specific areas of your project would you like help with?
I would like to know if using a div solely for centering content is the best method and any general advice about grid that you can see that I can improve on.
Good job!
@bojanognjen
Submitted
What are you most proud of, and what would you do differently next time?
For the first time I used Responsive design technique and I learned how to adapt my design to various types of screens.
What challenges did you encounter, and how did you overcome them?
I stumbled upon different bugs. It was interesting when something canceled my css definitions and produced something other. I wondered where is this from. Finnaly I figured out I have a Darkreader extension on my browser and it was constantly changing my colors.
What specific areas of your project would you like help with?
Feel free to leave comments and feedback. It would be helpful.
Good job!
@elmirmed11
Submitted
Good job!
@ARUNKUMAR2906
Submitted
What are you most proud of, and what would you do differently next time?
I did this challenge with in a 45mins using responsive design
What challenges did you encounter, and how did you overcome them?
I didn't encounter any challenges.
What specific areas of your project would you like help with?
nothing
Good job! You should reduce the space top and bottom.
@R-clout
Submitted
What are you most proud of, and what would you do differently next time?
i had to spend a lot of time finding a solution to not using media queries, is there a way to responsive website without using media queries...please i stand to be corrected to give becoming a better designer
Good job, @R-clout.
A few things to take note of:
Font Importation: Import your custom fonts stored locally using @font-face. Define each font style and weight by pointing to the font files in your project directory, ensuring web compatibility and performance. This is crucial for using "Figtree" across your web project.
CSS Variables: You're using CSS variables for colors effectively. Consider using variables for frequently used values like font sizes, margins, and border radii for better consistency and maintainability.
Media Query Consolidation: Group similar media queries to reduce redundancy and improve readability.
Typo Correction: Correct the typo in @media (min-wdith: 425px) to @media (min-width: 425px).
Unit Consistency: Aim for consistency in units (e.g., rem, %) for margins, font sizes, etc., to enhance readability and scalability.
Hover Effects Redundancy: If h1:hover effects are unchanged across breakpoints, no need to repeat them in each media query.
Box Shadow Performance: Specify all box-shadow values, including color, to ensure performance and desired appearance.
Accessibility: Ensure color contrasts meet WCAG guidelines for accessibility.
This concise approach keeps the main suggestions while focusing on critical improvements for your CSS.
Marked as helpful
@DavidGonzalezve
Submitted
What are you most proud of, and what would you do differently next time?
Aprender a utilizar esta herramienta de frontend mentor
What challenges did you encounter, and how did you overcome them?
no sabia por donde empezar cuando descargue el conjunto de archivos para el primer ejercicio, lo fui desarrollando siguiendo los pasos descritos y encontrandole mi propio metodo de solucion.
What specific areas of your project would you like help with?
en las buenas practicas de css y utilizacion de variables
Good job. You should use the Figma design to get close to pixel-perfect.
Marked as helpful
