Latest solutions
Responsive result card
Submitted about 1 month agoanything that help with color manage like color picker suggestions would be highly helpful
Responsive Four card feature sectioin by nuelo
Submitted about 2 months agoAligning content vertically on a page ex: taking the footer to the bottom of the viewing screen.
Latest comments
- @Zivi793150@NueloSE
great job keep up the good work.
Try using css variables for colors ex: :root { --white: rgb(255, 0, 0 }
Marked as helpful - @remainhumbleWhat challenges did you encounter, and how did you overcome them?
I overcame centring and alignment challenges by combining flexbox for page-level centring, grid properties for card layout, and margin utilities for image alignment. This ensured the content is visually centred and well-aligned across different screen sizes.
What specific areas of your project would you like help with?CSS Grid
@NueloSEGreat work done sofar,
but you should improve on the transition from mobile to desktop as the cards are over stretching imediately the break point is met.
note: grid could be really challenging but with time it only gets better with practise.
By the way awesome job done.
- @9rot353What challenges did you encounter, and how did you overcome them?
I keep having this really weird resizing bug whenever the flex goes row instead of column.
@NueloSEimpressive work done
but learn to use css variables so as to easily change variables using
:root {}
by the way great work done - @Thelma6002@NueloSE
Great job. BTW
- In your html implementation i noticed
tr> <td> Calories</td> <td id="thick-data">277kcal</td> </tr> <tr> <td>Carbs</td> <td id="thick-data">0g</td> </tr> <tr> <td>Protein</td> <td id="thick-data">20g</td> </tr> <tr> <td>Fat</td> <td id="thick-data">22g</td> </tr>
recall id is meant to be for unique entities so a class would have been better for "thick-data"
and kindly use nnemonic variable naming convension ex: instead of
thick-data
usenutrition-quatity
finaly kindly take out the
Challenge by Frontend Mentor. Coded by Thelma Maxwell.
put it outside the recipe card just below the recipe cardMarked as helpful - @bossthekhaniWhat are you most proud of, and what would you do differently next time?
I am most proud of that I am clearing out the design thinking 💭
What challenges did you encounter, and how did you overcome them?The challenges I didn't face yet.
What specific areas of your project would you like help with?..
@NueloSEGreat job done so far. kindly improve on the following:
- update the readme file in the root directory to suit you and take out the placeholder text
- Try and center the social media card and the
challenged by ...
should be under the card. - The first btn linking to github should not be green by default it should only change to green when hover on like the other buttons do.
Again awesome job
Marked as helpful - @Dnyanesh-Bachhav@NueloSE
-
Kindly check and update the preview link, it links to another project at:https://dnyanesh-bachhav.github.io/Frontend-Mentor-Challenges/
-
update the readme file on the main project page to contain a description of the project: https://github.com/Dnyanesh-Bachhav/Frontend-Mentor-Challenges/blob/Blog-Preview-Card/readme.md
BTW LGTM
-